防止html元素之间换行

Question

有人能帮忙吗，需要避免html元素之间的换行；我的代码是：

<td><a href="t"><p d-color="0.80">0.80%</p></a>/<a href="">Map</a></td>

目前的结果是：

0.80%
/Map

预期的是：

0.80%/Map

感谢

Answer 1

问题是，段落<p> </p>是块级元素。因此，默认情况下，它们将始终显示在新行中，然后导致换行。

选项A：用内联元素替换段落：

<d><a href="t"><span d-color="0.80">0.80%</span></a>/<a href="">Map</a></d>

选项B：使链接内的段落内联：

a p {
display: inline;
}

<d><a href="t"><p d-color="0.80">0.80%</p></a>/<a href="">Map</a></d>

Answer 2

您可以使用<nobr>。例如：<nobr> Rule 20.9</nobr>以防止断线。

Answer 3

如果您想保留

标签并考虑答案，请使用style="display:inline"

<td>
<a href="t">
<p style="display:inline" d-color="0.80">0.80%</p>
</a>
/<a href="">Map</a>
</td> 

或者你可以使用标签而不是

，

<td><a href="t"><span d-color="0.80">0.80%</span></a>/<a href="">Map</a></td>

Answer 4

您使用了段落标记<p>它负责换行，因为它是一个块级元素，在段落结束后，下一个文本从新行开始书写。

因此，有一个简单的解决方案，在段落标记中使用CSS来内联元素，这将把两个文本放在一起。

代码为<p style="display: inline">

在这里的代码中使用它：

<p d-color="0.80" style="display: inline;">0.80%</p>