1

当您将按钮元素设置为 display:block 时，它会像块一样支配其垂直空间，同时仍会像内联块一样根据其内容计算其大小。这似乎是一个非常有用的行为。是否可以使其他元素以这种方式运行？

例子

我可以使用浮动和清除完成类似的显示方法，但它会对附近不适合它的内容造成严重破坏。

我可以通过包装每个元素并使外部元素显示：块而内部元素为显示：内联块来更明智地完成它。不过，这需要额外的标记。

4

1 回答 1

1

听起来像你想要display: table的。

这样的“表格”会缩小以适合其内容，如果内容不是 adisplay: table-row或，display: table-cell则将其视为位于单单元格表格中。您还可以使用auto边距将其水平居中。

我在您的示例中更改block为table，它完全符合我的想法。

（如果您正在考虑“不要使用表格进行布局”的建议——这是指使用用 HTML 标记编写的表格，而不是任何 CSS 工具。）

于 2013-05-01T02:45:27.283 回答