Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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:如果其中一个div由于其内容而增加了高度,如何使所有div改变大小?_Html_Css_Reactjs - Fatal编程技术网

Html CSS:如果其中一个div由于其内容而增加了高度,如何使所有div改变大小?

Html CSS:如果其中一个div由于其内容而增加了高度,如何使所有div改变大小?,html,css,reactjs,Html,Css,Reactjs,我有一个由一些div组成的组件,里面有一个文本。它正在使用溢出换行:break word属性来匹配文本: 但一旦我缩小屏幕宽度,文字就会中断,只有部分div改变了高度: 问题是,在这种情况下,我如何使所有div改变大小?嗨,我建议使用一个表格 {firstname}{lastname} {card} {payed} PDF 用另一个div包装所有div,并将高度设置为该包装div的100%。然后,当其中一个将使包装div的高度更大时,所有其他div也将增加。此外,如果您将标记和CSS复制

我有一个由一些div组成的组件,里面有一个文本。它正在使用
溢出换行:break word
属性来匹配文本:

但一旦我缩小屏幕宽度,文字就会中断,只有部分div改变了高度:


问题是,在这种情况下,我如何使所有div改变大小?

嗨,我建议使用一个表格


{firstname}{lastname}
{card}
{payed}
PDF

用另一个div包装所有div,并将高度设置为该包装div的100%。然后,当其中一个将使包装div的高度更大时,所有其他div也将增加。此外,如果您将标记和CSS复制到问题中,将更容易帮助您。欢迎使用stack overflow,请发布实际的代码,而不是代码图片-最好是在一个工作片段中演示您的问题-请查看如何创建一个。对你们来说,多看一眼也很有好处。表格应该只用于表格数据,而不用于演示——这是在用它来演示