如何設置跨度

固定寬度看我的截圖，甚至我設置寬度，跨度寬度仍然是「自動」如何設置跨度

這裏是我的

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

來源

2016-02-20 hucmarcot

可能重複的[CSS固定寬度在一個範圍]（http://stackoverflow.com/questions/257505/css-fixed-width-in-a-span） –

將跨度的顯示屬性設置爲in線塊，如：

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

內嵌元素僅佔據由限定內聯元件（MDN）標籤界定的空間。

來源

2016-02-20 04:45:39 j08691

你是對的，你能解釋爲什麼嗎？ – hucmarcot

這就是內聯元素被設計用來工作的方式。您可以在我的答案中發佈的鏈接以及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>

來源

2016-02-20 04:44:06

如何設置跨度

回答

相關問題