我使用一个HTML <表>，我想对齐<td>的文本到每个单元格的中心。
如何使文本水平和垂直居中对齐?
当前回答
下面的工作为我垂直对齐内容(多行)在一个列表-表
.. list-table::
:class: longtable
:header-rows: 1
:stub-columns: 1
:align: left
:widths: 20, 20, 20, 20, 20
* - Classification
- Restricted
- Company |br| Confidential
- Internal Use Only
- Public
* - Row1 col1
- Row1 col2
- Row1 col3
- Row1 col4
- Row1 col5
使用主题覆盖。css选项我定义:
.stub {
text-align: left;
vertical-align: top;
}
在我使用'python-docs-theme'的主题中，单元格条目定义为'stub'类。使用浏览器开发菜单检查单元格内容的主题类并相应地更新。
其他回答
选择器>子选项:
text-center-row > th,。 . text-center-row > td { text-align:中心; 的 <table border=“1”width=“500px”> < tr = >“text-center-row班 < th >文本< / th > < th >文本< / th > < th >文本< / th > < th >文本< / th > < / tr > < tr > < td >文本< / td > < td >文本< / td > < td >文本< / td > < td >文本< / td > < / tr > < tr = >“text-center-row班 < td >文本< / td > < td >文本< / td > < td >文本< / td > < td >文本< / td > < / tr > - < table >
试着把它放在你的CSS文件中。
td {
text-align: center;
vertical-align: middle;
}
<td align="center" valign="center">textgoeshere</td>
是唯一正确的答案，因为你正在使用表格，这是最常用的电子邮件格式的旧功能。因此，最好的方法是不要只使用样式，而是使用内联样式和已知的表标记。
下面的工作为我垂直对齐内容(多行)在一个列表-表
.. list-table::
:class: longtable
:header-rows: 1
:stub-columns: 1
:align: left
:widths: 20, 20, 20, 20, 20
* - Classification
- Restricted
- Company |br| Confidential
- Internal Use Only
- Public
* - Row1 col1
- Row1 col2
- Row1 col3
- Row1 col4
- Row1 col5
使用主题覆盖。css选项我定义:
.stub {
text-align: left;
vertical-align: top;
}
在我使用'python-docs-theme'的主题中，单元格条目定义为'stub'类。使用浏览器开发菜单检查单元格内容的主题类并相应地更新。
下面是一个CSS和内联样式属性的例子:
道明 ｛ 高度:50 px; 宽度:50 px; ｝ # cssTable td ｛ text-align:中心; vertical-align:中间; ｝ <表边界= " 1 " > < tr > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < / tr > 表> < / <table border="1" id="cssTable"> < tr > < td > < / td >文本 < td > < / td >文本 < / tr > 表> < /
http://jsfiddle.net/j2h3xo9k/
编辑:valign属性在HTML5中已弃用，不应使用。
