我使用一个HTML <表>,我想对齐<td>的文本到每个单元格的中心。

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


当前回答

HTML行样式示例:

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

CSS文件示例:

td {
    text-align: center;
    vertical-align: middle;
}

其他回答

下面是一个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中已弃用,不应使用。

HTML行样式示例:

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

CSS文件示例:

td {
    text-align: center;
    vertical-align: middle;
}

在td元素中居中文本的CSS是

td {
  text-align: center;
  vertical-align: middle;
}

下面的工作为我垂直对齐内容(多行)在一个列表-表

.. 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文件中。

td {
  text-align: center;
  vertical-align: middle;
}