即使使用 图标和文本之间的换行符？

Question

我不知道如何在图标和相应的文本之间放置一个不可破坏的空间。

例如

<i class="bla"></i>&nbsp;someText

忽略 较低的屏幕分辨率并在图标下显示文本。有没有其他方法可以确保右侧的图标和一些文本始终对齐，而不管可用空间如何？

提前致谢！

Answer 1

设置容器并使用规则white-space

超文本标记语言

<div class="container"><i class="bla"></i>&nbsp;someText</div>

CSS

.container{
display: block;
white-space: nowrap;
}

演示在这里

阅读更多关于white-space

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space