Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS为不共享公共父元素的垂直对齐元素提供相同的宽度?_Html_Css_User Interface_Flexbox_Alignment - Fatal编程技术网

Html CSS为不共享公共父元素的垂直对齐元素提供相同的宽度?

Html CSS为不共享公共父元素的垂直对齐元素提供相同的宽度?,html,css,user-interface,flexbox,alignment,Html,Css,User Interface,Flexbox,Alignment,在下图中,我想让所有的红框都是最大的红框的宽度,我可以用这种布局吗,或者我必须制作两个单独的列,这样红框才能共享一个共同的父框?或者使用网格 像其他朋友说的那样,用颜料展示它并说我想要它,这不是正确的方式。请分享您下次尝试的代码 .集装箱{ 宽度:100%; 最大宽度:500px; 保证金:自动; 填充:20px; 边框:3倍纯黑; } .文本{ 边框:3倍纯黑; 显示器:flex; 对齐项目:居中; 证明内容:之间的空间; 边缘顶部:8px; } .文本p{ 边框:3倍纯红; 弹性基准:20

在下图中,我想让所有的红框都是最大的红框的宽度,我可以用这种布局吗,或者我必须制作两个单独的列,这样红框才能共享一个共同的父框?或者使用网格

像其他朋友说的那样,用颜料展示它并说我想要它,这不是正确的方式。请分享您下次尝试的代码

.集装箱{ 宽度:100%; 最大宽度:500px; 保证金:自动; 填充:20px; 边框:3倍纯黑; } .文本{ 边框:3倍纯黑; 显示器:flex; 对齐项目:居中; 证明内容:之间的空间; 边缘顶部:8px; } .文本p{ 边框:3倍纯红; 弹性基准:200px; 文本对齐:居中; } 文本1 Lorem,ipsum dolor

文本2 G

文本3 我的同僚们都是精英。当然可以吗


@Temaniaff简单而有效。我见过一些人设计他们的整个布局,但我没有那种天赋。拜托。给我们你的密码。你已经给我们输出了。有了你的代码,你将有更多的机会解决你的问题。这既不简单也不有效。我们不需要这样的截图,我们需要在截图中生成输出的代码。你的问题很快就会解决/