当你设置一个按钮元素显示:阻止它像块一样控制它的垂直空间,同时仍然根据它的内容计算它的大小,就像一个内联块。这似乎是一个非常有用的行为。是否有可能使其他元素以这种方式运行?
我可以使用浮动和清除来完成类似的显示方法,但它会对附近的内容造成严重破坏。
我可以通过包装每个元素并使外部元素显示来更加理智地完成它:阻止内部元素显示:inline-block。这需要额外的标记。
答案 0 :(得分:1)
听起来像你想要display: table
。
这样的“表格”缩小到恰好适合其内容,如果内容不是display: table-row
或display: table-cell
,那么它只是被视为在单个单元格表中。您也可以使用auto
边距水平居中。
我在您的示例中将block
更改为table
,它完全符合我的想法。
(如果您正在考虑建议“不要使用表格进行布局” - 这是指使用用HTML标记编写的表,而不是任何CSS工具。)