css 防止html元素之间换行

nzrxty8p 于 2023-01-14 发布在其他

关注(0)|答案(4)|浏览(133)

任何人都可以帮助请，需要避免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

谢谢

4条答案

问题是，段落 是块级别的元素，因此默认情况下，它们总是显示在一个新行中，并导致之后的换行符。

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

x一个一个一个一个x一个一个二个x

如果你想保留
标签并考虑答案，使用style="display:inline"

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

或者您可以使用tag代替
，

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

您使用了负责换行的段落标记，因为它是一个块级元素，并且在段落结束后，下一个文本将从新行开始写入。
因此，有一个简单的解决方案，在段落标记中使用CSS内联元素，这将使两个文本在一起。
代码为
在下面的代码中使用它：

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

可以使用。例如： Rule 20.9以防止断线。