css - 在 html 表格中对齐文本

Question

我是 CSS 新手，我有一个 html 表格，如下所示

+-------------------------------+---------------------+
|Text Sample                    | text                |
+-------------------------------+---------------------+
|Text Sample Sample             | text                |
+-------------------------------+---------------------+

我想改变 Text1s 的对齐方式如下：

+-------------------------------+---------------------+
|          Text Sample          | text                |
+-------------------------------+---------------------+
|          Text1  Sample Sample | text                |
+-------------------------------+---------------------+

这是如何使用 CSS 完成的？

Answer 1

你只是想缩进每个表格行的第一个单元格吗？如果是这样，一种方法是这样的：

tr td:first-child { padding-left: 30px }

（或插入您自己的值）

Answer 2

您可以考虑为 td:first-child 添加 margin-left

// style.css
td:first-child { margin-left: 30px; }