Question

嗯，这按预期工作：

<td style="vertical-align: middle; text-align: center">some text</td>

（文本垂直和水平居中出来），所以作为一个好人，我将样式部分移动到一个像这样的CSS：

HTML：

<td class="allcenter">some text</td>

CSS：

.allcenter {
  vertical-align: middle;
  text-align: center;
}

你知道吗，它只是水平居中。

是什么给出了？

Answer 1

<强> HTML

<table>
    <tr>
        <td class="allcenter">some text</td>
    </tr>
</table>

<强> CSS

td {
    border:1px solid black;
    padding : 10px;
    height:100px;
    width:100px;
}
.allcenter {
    vertical-align: middle;
    text-align: center;
}

<强> Working Fiddle

TD的垂直对齐在HTML中工作而不是CSS

1 个答案: