Html 图标和文本之间的换行符，即使使用&；nbsp；？

我不知道如何在图标和相应的文本之间放置一个不可分割的空格

比如说

someText

忽略较低屏幕分辨率下的

，并在图标下显示文本。 是否有其他方法确保图标和右侧的某些文本始终在同一条线上，而不考虑可用空间

---

提前谢谢

设置容器并使用规则

空白

HTML

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

阅读有关空白的更多信息

元素本身不是

块

元素。也就是说，它不会试图占据它可以获得的整个垂直空间，除非您在CSS中告诉它这样做

检查您是否设置了

.bla

的样式，并查看其

显示是否为
块


.bla{
显示：块；
}
block i元素——这里的一些文本后面的新行




非块i元素——此处的一些文本
如果您想根据屏幕大小使用不同的规则，可以使用媒体查询。要在块“i”后面留一个空格，可以添加边距或创建一个宽度为若干列特的容器（使用em单位）


谢谢你，这正是我下一步想弄明白的！带空白：nowrap；没有必要
.container{
display: block;
white-space: nowrap;
}

<i class="bla"></i> someText

@media screen and (max-width: 640px){
    i{
        margin-right: 0em;
    }
}
@media screen and (min-width: 641px){
    i{
        margin-right: 3em;
    }
}