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

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


当前回答

如果你正在使用Bootstrap,你可以使用内置类

<table class="text-center align-middle">

其他回答

选择器>子选项:

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 >

<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'类。使用浏览器开发菜单检查单元格内容的主题类并相应地更新。

如果你正在使用Bootstrap,你可以使用内置类

<table class="text-center align-middle">

<td align=“center”valign=“center”>textgoeshere</td>

更多关于valign