2016-02-20 17 views
5

için sabit genişliğini ayarlamak için bu genişlik, yine de "otomatik" Buradanasıl ben bile genişliğini ayarlamak, benim ekran görüntüsüne sürede

enter image description here

benim

<div class="container"> 
 
    <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span> 
 
    </div> 
 
    <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span> 
 
    </div> 
 
</div>

olduğunu
+2

Olası bir kopyada [CSS sabit genişliği] (http://stackoverflow.com/questions/257505/css-fixed-width-in-a-span) –

cevap

20

Açıklıkların görüntüleme özelliğini girin. Bir satır içi elemanı içi elemanı (MDN) tanımlayan etiketlerin ile sınırlanan, sadece yer kaplar

.container span { 
 
    display: inline-block; 
 
}
<div class="container"> 
 
    <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span> 
 
    </div> 
 
    <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span> 
 
    </div> 
 
</div>

: gibi hat bloğu.

+0

haklısınız, nedenini açıklayabilir misiniz? – hucmarcot

+0

Bu, satır içi elemanların çalışması için tasarlanan yoldur. Cevabımın yanı sıra https://www.w3.org/TR/CSS2/visudet.html#inline-width adresinde yayınladığım linkten daha fazla bilgi alabilirsiniz. – j08691

0
Just use 

<div class="container"> 
<div class="row" style="width:auto;background-color: red;"><span>prefix1</span><span>prpr</span></div> 
<div class="row" style="width:auto;background-color: red;"><span>pre2</span><span>prpr</span></div> 
</div> 
İlgili konular