我可以设置非按钮的样式以使用按钮的块/内联块混合显示吗?

时间:2013-05-01 02:12:53

标签: html css button css-float

当你设置一个按钮元素显示:阻止它像块一样控制它的垂直空间,同时仍然根据它的内容计算它的大小,就像一个内联块。这似乎是一个非常有用的行为。是否有可能使其他元素以这种方式运行?

Example

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

我可以通过包装每个元素并使外部元素显示来更加理智地完成它:阻止内部元素显示:inline-block。这需要额外的标记。

1 个答案:

答案 0 :(得分:1)

听起来像你想要display: table

这样的“表格”缩小到恰好适合其内容,如果内容不是display: table-rowdisplay: table-cell,那么它只是被视为在单个单元格表中。您也可以使用auto边距水平居中。

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

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