Come impostare la larghezza fissa per arco

vedere il mio screenshot, anche io impostare la larghezza, la campata essere ancora "auto"Come impostare la larghezza fissa per arco

ecco la mia

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

fonte

2016-02-20 hucmarcot

Possibile duplicato di [larghezza fissa CSS in uno span] (http://stackoverflow.com/questions/257505/css-fixed-width-in-a-span) –

Imposta la proprietà di visualizzazione degli span in line-block come:

.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>

Un elemento inline occupa solo lo spazio delimitato dai tag che definiscono l'elemento in linea (MDN).

fonte

2016-02-20 04:45:39 j08691

hai ragione, puoi spiegare perché? – hucmarcot

Questo è il modo in cui gli elementi inline sono progettati per funzionare. Puoi ottenere maggiori dettagli sul link che ho postato nella mia risposta e su https://www.w3.org/TR/CSS2/visudet.html#inline-width – j08691

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>

fonte

2016-02-20 04:44:06

Come impostare la larghezza fissa per arco

risposta

Problemi correlati