国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS: Wie platziere ich ein Symbol neben Text?
P粉668146636
P粉668146636 2023-08-17 14:39:36
0
1
607
<p>Ich habe ein übergeordnetes div-Element (display: flex) wie dieses, das zwei untergeordnete Elemente enth?lt</p> <ol> <li>Text – ein span-Element</li> <li>(i) icon – ein div-Element</li> </ol> <p>Wenn der Text nur eine Zeile umfasst (keine Zeilenumbrüche), funktioniert alles einwandfrei. Beim Umbruch (2 Zeilen oder mehr) wird die Breite des Elements jedoch basierend auf der breitesten Zeile angepasst</p> <p>Ich m?chte, dass der Text umbrochen wird, wenn er l?nger ist. </p> <p>Im obigen Beispiel m?chte ich, dass das (i)-Symbol neben NORD steht. </p> <p>Ich m?chte, dass das (i)-Symbol neben NORD steht. </p>
P粉668146636
P粉668146636

Antworte allen(1)
P粉113938880

如果您只想讓圖標(biāo)始終位于單詞“North”旁邊,只需將其放在標(biāo)簽內(nèi):

.flex
{
  display:flex;
  align-items:center;
  resize: both;
  overflow:auto;
  background: #99AAAA;
  max-width: fit-content;
   max-height: fit-content;
}
<link  rel="stylesheet"/>
<h3>拖動角落進(jìn)行調(diào)整大小</h3> 
<div class="flex">
  <span>THE KING OF THE NORTH <i class="fa-solid fa-image"></i></span>
  </div>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage