css - 对齐 html 表格内的文本

标签 css html-table

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

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

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

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

这是如何使用 CSS 完成的?

最佳答案

您只是想缩进每个表格行的第一个单元格吗?如果是这样,一种方法是这样的:

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

(或插入您自己的值)

关于css - 对齐 html 表格内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14412928/

相关文章:

html - 了解 CSS 选择器优先级/特异性

html - 如何垂直对齐导航栏内的元素?

php - 来自数据库的谱系/家谱图

javascript - Html可折叠点击不展开

css - 是否可以控制body和:before and :after content?之间的空间

jquery - 为什么 pageX 和 pageY 是相对于 wrapper 而不是 document?

html - 删除 <td> 之间的边框和空格,但保留 <tr> 和 2 列(每列 3 个单元格)之间

outlook - 电子邮件中的 html 并排表格在 Outlook 2007 及更高版本中被强制使用

html - 向父表添加背景颜色不起作用

javascript - 获取tr jquery td的每个值的动态值