Html 表行对齐

我想将文本和项目符号放在同步位置。但当我使用文本对齐时：居中；结果在视觉上并不好。我怎么能把子弹一个接一个地放在一行的中间呢

主列表
列表
&公牛；一
&公牛；第二
&公牛；星期四

---

你不可能两个都有，一个居中，一个子弹头指向另一个

试着这样做：

您可以通过编辑左侧的填充进行调整

table, th, td {
border: 1px solid black;
text-align:left; 
}

.left-padding{
  padding-left: 5%;
}

---

你不可能两个都有，一个居中，一个在另一个上

试着这样做：

您可以通过编辑左侧的填充进行调整

table, th, td {
border: 1px solid black;
text-align:left; 
}

.left-padding{
  padding-left: 5%;
}

---

尝试使用

align text:left

表，th，td{
边框：1px纯黑；
文本对齐：左对齐；
填充：3px20px；
}

顶部文本
主列表
列表
&公牛；一
&公牛；第二
&公牛；星期四
主列表
测试一
然后测试第二个
1测试三E
&公牛；测试四
&公牛；测试2-4
&公牛；测试4-4
&公牛；测试软件
&公牛；软件表
&公牛；测试7-4
&公牛；测试8-4
&公牛；测试3-4
&公牛；测试和四
底部文本

尝试使用

对齐文本：左

表，th，td{
边框：1px纯黑；
文本对齐：左对齐；
填充：3px20px；
}

顶部文本
主列表
列表
&公牛；一
&公牛；第二
&公牛；星期四
主列表
测试一
然后测试第二个
1测试三E
&公牛；测试四
&公牛；测试2-4
&公牛；测试4-4
&公牛；测试软件
&公牛；软件表
&公牛；测试7-4
&公牛；测试8-4
&公牛；测试3-4
&公牛；测试和四
底部文本

有点老套，但在需要的时候，你可以做以下事情：

<td colspan="2" class="left-padding"><div>&bull; one</div></td>

td div {
  display: block;
  margin: 0 auto;
  width: 60%;
}

&bull；一
运输署分区{
显示：块；
保证金：0自动；
宽度：60%；
}

---

使用其他人回答的填充物也是一个不错的选择，但也会使排列桌子变得更加困难。

有点粗糙，但在需要时，您可以做以下操作：

<td colspan="2" class="left-padding"><div>&bull; one</div></td>

td div {
  display: block;
  margin: 0 auto;
  width: 60%;
}

&bull；一
运输署分区{
显示：块；
保证金：0自动；
宽度：60%；
}

---

使用其他人回答的填充也是一个不错的选择，但会使排列表格更加困难。

如果您有这种严格的HTML代码，而不是纯css所不能做到的，那么您将需要一些javascript魔法：

CSS：文本对齐：左

JS:padding left：计算值，基于单元格宽度和列中最长的列表项。这并不是那么简单，因为表元素的层次结构

另一种方法是放置 每个项目符号列表应在一个单元格中，包含ul和li

表格，tr，th，td{
文本对齐：居中；
边框：1px纯黑；
}
保险商实验室{
显示：内联块；
文本对齐：左对齐；
左侧填充：0px；
边际：0px；
}

很长的标题文本

一个
两个
三

如果你有这种严格的HTML代码，而不是纯css所不能做到的，那么你需要一些javascript魔法：

CSS：文本对齐：左

JS:padding left：计算值，基于单元格宽度和列中最长的列表项。这并不是那么简单，因为表元素的层次结构

另一种方法是放置 每个项目符号列表应在一个单元格中，包含ul和li

表格，tr，th，td{
文本对齐：居中；
边框：1px纯黑；
}
保险商实验室{
显示：内联块；
文本对齐：左对齐；
左侧填充：0px；
边际：0px；
}

很长的标题文本

一个
两个
三

如果子弹一颗接一颗，它将不再居中。一个或另一个。你能给我一些解决方案吗？如果子弹一个在另一个上面，它将不再居中。你能给我一些解决办法吗？有吗