相关疑难解决方法(0)

我想设置button的display财产table-cell,但它并没有表现得像一个.

任何帮助,将不胜感激.

jsFiddle Demo (该演示包含一个固定的容器高度,但我需要它才能在没有它的情况下工作).

无固定尺寸演示.

DOM:

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <button class="item"></button>
</div>

CSS:

.container {
    border: 5px solid blue;
    display: table;
    table-layout: fixed;
}
.item {
    border: 3px solid red;
    display: table-cell;
}

结果:

编辑:我需要它完全像表格单元格一样工作,即使没有固定大小.

请注意,某些解决方案似乎在Chrome上运行正常但不适用于FF.

在这个问题和网上的其他地方，引用了具有特殊属性的“替换元素”，通常引用<img>标签、<svg>标记等示例。但是，我正在尝试对一些我无法控制的第三方库的输出元素进行样式设置，并且我想确切地知道哪些:before元素可以和不能使用诸如此类的伪元素:after。

即使有关替换元素的实际文档也没有确切的列表。哪些元素被“替换”？