时间戳

首页 > 解决方案 > 按特定符号居中表格列（纯文本表格）

html - 按特定符号居中表格列（纯文本表格）

问题描述

我有一个包含大量数据的表格，我想以特定符号为中心，代码片段中显示了一个基本示例。

.resolution {
  text-align: center;
}
<table>
  <tr>
    <td>Model</td>
    <td class="resolution">Resoluton</td>
  </tr>
  <tr>
    <td>Foo</td>
    <td class="resolution">4:3</td>
  </tr>
  <tr>
    <td>Bar</td>
    <td class="resolution">16:9</td>
  </tr>
    <tr>
    <td>Baz</td>
    <td class="resolution">21:9</td>
  </tr>
    <tr>
    <td>Qux</td>
    <td class="resolution">16:10</td>
  </tr>
</table>

正如代码段清楚地显示的那样，text-align: center在将单元格居中并在中心完全对齐的符号方面不是很有帮助，并且取决于单元格内容的完整性。有没有办法将单元格集中在一个特定的符号上，无论是它:，还是完全其他的东西？

标签： htmlcss

解决方案

推荐阅读