我试图阻止一个从嵌套文本区域镜像文本的flex元素增长，但我希望它最初占用空间。有没有办法用flexbox来实现这一点，或者我应该改用网格？包含文本区域的卡片 * 不 * 应该随着其内容而增长。这只是因为下面的元素反映了其内容。我试过overflow: scroll，但没有效果。第一个还有一个类似的问题here，但唯一的答案是不合适的。This的答案也行不通。
overflow: scroll
9o685dep1#
这是卡上的flex-grow属性造成的。在这种情况下，您似乎只是将flex作为一种方便的方法来使用，以使左侧和右侧始终相等地填充空间并保持居中。您可以将flex-grow: 2;替换为width: 100%;以获得相同的效果。
flex-grow
flex-grow: 2;
width: 100%;
.card { background-color: #EEE; border: solid 1px #DDD; border-radius: 4px; padding: 10px; width: 100%; }
第一个
1条答案
按热度按时间9o685dep1#
这是卡上的
flex-grow属性造成的。在这种情况下，您似乎只是将flex作为一种方便的方法来使用，以使左侧和右侧始终相等地填充空间并保持居中。您可以将
flex-grow: 2;替换为width: 100%;以获得相同的效果。第一个