Html 防止向垂直堆叠的单元格内容添加样式？

我有一行单元格，每个单元格中都有文本。以一个单元格为例，如果我向单元格中的单个单词添加样式（比如“testingone-two-three”，我将更改为：）

测试
1
2

---

单元格内容与新行上的testing、1和2垂直堆叠

这是因为

p

是一个

块级

元素，请使用

span

作为

内联元素

，它不会在文本中造成任何中断，而且它仅用于这种样式

如果你有兴趣重构你的代码，你可以这样写

<td class="cell">
   testing 
   <span>1</span>
   <span>2</span> 
   <a href="#">3</a>
</td>

注意：旧版本的IE在

nth-of-type（）

so时会遇到问题 明智地使用它

---

这是因为

p

是一个

块级

元素，请改用

span

这是一个

内联元素

，它不会在文本中造成任何中断，而且它仅用于这种样式

如果你有兴趣重构你的代码，你可以这样写

<td class="cell">
   testing 
   <span>1</span>
   <span>2</span> 
   <a href="#">3</a>
</td>

注意：旧版本的IE在

nth-of-type（）

so时会遇到问题 明智地使用它

---

你想让每一个都在自己的表格单元格中吗？将

style=“display:inline”

添加到你的

标记中。你想让每一个都在自己的表格单元格中吗？将

style=“display:inline”

添加到你的

标记中。现在，了解跨度的含义。谢谢，现在我明白你的意思了。我一有机会就给它打分。

.cell span:nth-of-type(1) {
   /* Targets 1st span element inside .cell */
}

.cell span:nth-of-type(2) {
   /* Targets 2nd span element inside .cell */
}

.cell a {
   /* Targets a element inside .cell */
}