html - 如何使 HTML 表格的内容居中?

我正在使用 HTML <table>我想对齐 <td> 的文本到每个单元格的中心。

如何将文本水平和垂直居中对齐?

最佳答案

这是一个带有 CSS 和内联 style 属性的示例:

td 
{
    height: 50px; 
    width: 50px;
}

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}
<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/j2h3xo9k/

EDIT:valign 属性在 HTML5 中已弃用,不应使用。

https://stackoverflow.com/questions/8986260/

相关文章:

html - 无法滚动到溢出容器的 flex 元素的顶部

javascript - 禁用href标签

html - 为什么单选按钮不能是 "readonly"?

HTML 编码问题 - 显示 "Â"字符而不是 " "

validation - 我真的需要将 '&' 编码为 '&' 吗?

angularjs - 使用 AngularJS HTML5 模式重新加载页面会给出错误的 GET

javascript - 获取文本输入字段中的光标位置(以字符为单位)

jquery - 如何使用 css 或 jquery 在焦点上自动隐藏占位符文本?

html - 使用开发者工具检查 webkit-input-placeholder

css - 有没有办法使用 CSS 使子 DIV 的宽度比父 DIV 宽?