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; }