2

我想显示我的 SUN, MON 文本，vertical-align:middle;但仍然没有运气。目前文本位于左上角。我的编码有什么问题？我该如何纠正？

<td colspan="2">
    <span id="selectable">
        <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">SUN</span>
        <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">MON</span>
    </span>
</td>

感谢您的帮助。

4

2 回答 2

5

对于要在其中垂直对齐的文本，<span>您需要设置line-height而不是height：

line-height: 35px;

vertical-align:middle;适用于table-cell元素内的文本。它还影响inline-block元素的垂直定位，但不影响文本节点。

你可以在这里找到一个很好的解释：http: //phrogz.net/css/vertical-align/

以及更多信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

于 2013-10-18T10:20:45.793 回答
0

只是为了完整起见，line-height如果您的文本换行成两行，则不起作用，请在您的<td>元素上使用：

vertical-align:middle; text-align:center;
于 2013-10-18T10:25:04.497 回答