<table> 上的垂直对齐略微偏离中心...任何想法是为啥?

Posted

技术标签:

【中文标题】<table> 上的垂直对齐略微偏离中心...任何想法是为啥?【英文标题】:Vertical Align on <table> slightly off center... any idea's why?<table> 上的垂直对齐略微偏离中心...任何想法是为什么? 【发布时间】:2012-10-31 08:29:49 【问题描述】:

我试图在另一个 div 中将表格垂直居中,但我得到的结果似乎垂直偏离了几个像素(至少在 FF 中)。

是否有一些默认值会导致垂直对齐关闭?

例子:

http://jsfiddle.net/9hRnp/

注意:代码由 Jquery 生成,仅用于显示问题,这就是为什么我在每个 &lt;TD&gt; 上都有宽度和高度值

【问题讨论】:

【参考方案1】:

将 vertical-align:middle 添加到 findpath-content id 应该可以解决您的问题。

#findpath-content 
display: inline-block;
text-align: left;
vertical-align: middle;

【讨论】:

以上是关于<table> 上的垂直对齐略微偏离中心...任何想法是为啥?的主要内容,如果未能解决你的问题,请参考以下文章

如何在没有显示的情况下在另一个 div 中垂直对齐 div:table-cell

居中 li: 在文本内容之前

表行数据垂直对齐

自适应布局上的垂直自适应图像对齐

如何垂直对齐表格单元格中的图像和文本?

垂直对齐表格单元格不适用于绝对位置