假设我有多个元素(div 或 span),要么是display: block
要么display: inline-block
。我希望它们都具有相同的大小,但会拉伸以适应最大的内容。我知道这可以通过 JavaScript 来完成,但是是否有可用的纯 HTML/CSS 选项?
例子:
-----------------------
| Content A |
-----------------------
-----------------------
| Content B Is Longer |
-----------------------
但是,如果内容 B 更长,它们看起来像:
----------------------------------------
| Content A Is Now Even Longer Than B |
----------------------------------------
----------------------------------------
| Content B Is Shorter |
----------------------------------------