表单元格中的文本与相邻跨度垂直对齐
表单元格中的文本与相邻跨度垂直对齐
提问于 2014-10-14 21:31:00
小提琴：http://jsfiddle.net/oh78n5r5/17/
我试图使用一个带有一行和三个单元格的表来呈现带括号的表达式:左、中、右，其中左和右是括号，中间是表达式。我希望括号和表达式文本与表示函数名的相邻跨度正确地垂直对齐。最后的结果应该是: f(x)。
我目前的方法是在桌子上设置垂直对齐:中间。这很好地对齐了括号，但不幸的是，在chrome中，表达式文本在函数名称下面。
是否有任何css将允许我使用我目前正在使用的HTML，并将跨浏览器工作？( HTML很好，因为它将允许圆括号与大的表达式(如分数)一起增长)。
我使用的html如下：
<span>f</span>
<table class="paren">
<tr>
<td class="left"></td>
<td class="mid"><span class="x">x</span></td>
<td class="right"></td>
</tr>
</table>我现在的css是(paren图像被删掉了)：
.left, .right { background-color: gray; }
.paren { display: inline-table; border-collapse: collapse; border-spacing: 0; }
.paren .left, .paren .right { padding: 0px; width: .35em; }
.mid{ }
body { font-size: 24px }回答 1
Stack Overflow用户
回答已采纳
发布于 2014-10-14 21:44:33
请检查这个：jsFiddle。这是我添加的新CSS：
.f {
vertical-align: middle;
}
.mid {
text-align: center;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26370706
复制相关文章
相似问题
腾讯云开发者
