Html CSS:如果其中一个div由于其内容而增加了高度,如何使所有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复制
溢出换行:break word
属性来匹配文本:
但一旦我缩小屏幕宽度,文字就会中断,只有部分div改变了高度:
问题是,在这种情况下,我如何使所有div改变大小?嗨,我建议使用一个表格
{firstname}{lastname}
{card}
{payed}
PDF
用另一个div包装所有div,并将高度设置为该包装div的100%。然后,当其中一个将使包装div的高度更大时,所有其他div也将增加。此外,如果您将标记和CSS复制到问题中,将更容易帮助您。欢迎使用stack overflow,请发布实际的代码,而不是代码图片-最好是在一个工作片段中演示您的问题-请查看如何创建一个。对你们来说,多看一眼也很有好处。表格应该只用于表格数据,而不用于演示——这是在用它来演示