CSS：我如何将图标放在文本旁边？
P粉668146636
2023-08-17 14:39:36
<p>我有一个这样的父级div元素（display: flex），包含两个子元素</p>
<ol>
<li>文本 - 一个span元素</li>
<li>(i) 图标 - 一个div元素</li>
</ol>
<p>当文本只有一行（不换行）时，一切正常。
然而，当它换行（2行或更多）时，元素的宽度将根据最宽的一行进行调整</p>
<p>我希望文本在长度较长时能够换行。</p>
<p>在上面的示例中，我希望(i)图标位于NORTH旁边。</p>
<p>我希望(i)图标位于NORTH旁边。</p>
如果您只想让图标始终位于单词“North”旁边，只需将其放在标签内：
.flex { display:flex; align-items:center; resize: both; overflow:auto; background: #99AAAA; max-width: fit-content; max-height: fit-content; }