相关疑难解决方法(0)

我已经在某个地方读过这个<img>元素的行为.如果正确,有人可以用例子解释一下吗？

我想<td>在中间/中间垂直对齐标签中的3个元素.这些是我想要对齐的元素:

1. 图像按钮(标签)顶部箭头图像
2. jquery滑块
3. 图像按钮(标签)底部箭头图像

基本上,元素用于垂直滚动图表.他们有点错位.我希望他们都在中心.

我目前的代码是:

<td style="vertical-align:top;">                
  <div id="div1" style="display:inline-block; horizontal-align:center; margin-top:5px;">
    <a id="a_top" title="Top" class="ui-icon ui-icon-circle-triangle-n" style="border:0px;"></a>
  </div>
  <div id="slider_y" style="height:240px; width:6px; horizontal-align:center; margin-top:10px; "></div>
  <div id="div2" style="display:inline-block;horizontal-align:center;margin-top:10px;">
    <a id="a_bottom" title="Bottom" class="ui-icon ui-icon-circle-triangle-s" style="border:0px;"></a>
  </div>
</td>

我愿意删除与图像按钮相关的div标签,但是td标签应该保留在那里.

问题是Firefox和基于WebKit的浏览器似乎在包含在具有均匀高度/行高度且字体大小不均匀(或反之亦然)的元素中时以不同方式对齐文本.我看过一些类似的帖子,但我还没有真正看到我的问题的任何重要解释.

考虑http://alternativeto.net/test2.htm.这是一个非常简单的页面

    .box
    {
        font-size: 15px;
        font-family: Helvetica, Arial;
        background-color: Blue;
        height: 20px;
        width: 60px;
        color: White;
        line-height: 20px;
    }

和

    <div class="box">
        A text.
    </div>

如果您在Chrome和Firefox中打开该页面,您会发现它们以不同的方式对齐文本:http://screencast.com/t/tjgA2d7T

有没有什么办法解决这一问题？是否有任何"文本对齐"属性或我遗漏的东西？