如何在表格中水平对齐文字？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在表格中水平对齐文字？相关的知识，希望对你有一定的参考价值。
我寻求水平对齐unicode等价符号，当调整大小时会脱轨：https://jsfiddle.net/r6bxgem3/26/
尝试vertical-align:middle无济于事。当前与预期：
任何决议？帮助表示赞赏。
.arr {color: red; font-size: 200%; }
.lft {float: right; display: inline;}
* {box-sizing: border-box;}<script type="text/javascript" async src=
"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=
TeX-MML-AM_Chtml"></script>
<table><tr><td><span class="lft">
(1+3+2 )
</span></td><td><span class="arr">⬌</span></td><td>
( 6+2-2)
</td></tr>
</table>编辑：增加调整大小以强调垂直脱轨。添加说明图像。
答案
你可以用line-height: 100%做到这一点：
.arr {color: red; font-size: 200%; line-height: 100%}<script type="text/javascript" async src=
"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=
TeX-MML-AM_CHTML"></script>
<table>
<tr>
<td><span class="lft">(1+3+2 )</span></td>
<td><span class="arr">⬌</span></td>
<td>( 6+2-2)</td>
</tr>
</table>另一答案
添加以下css来解决此问题
span {
line-height: 50px;
}
span {
line-height: 50px;
}
.arr {color: red; font-size: 200%; }
.lft {float: right; display: inline;}
* {box-sizing: border-box;}<script type="text/javascript" async src=
"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=
TeX-MML-AM_CHTML"></script>
<table><tr><td><span class="lft">
(1+3+2 )
</span></td><td><span class="arr">⬌</span></td><td>
( 6+2-2)
</td></tr>
</table>另一答案
你很亲密尝试将其放入CSS文件中。
td
{
vertical-align: middle;
text-align: center;
}
以上是关于如何在表格中水平对齐文字？的主要内容，如果未能解决你的问题，请参考以下文章