跨度百分比寬度

像表跨度百分比寬度

TD WIDTH 25 TD WIDTH 75

的情況下，這就是我要實現與DIV/SPAN什麼。我只有：

<span style="background-color: green; width: 25%; display: inline-block;">1</span> 
    <span style="background-color: yellow; width: 75%; display: inline-block;">2</span><br /> 
    <span style="background-color: green; width: 25%; display: inline-block;">a</span> 
    <span style="background-color: yellow; width: 75%; display: inline-block;">b</span><br />

但是然後將跨度放到新行。它適用於fix（px）大小。

來源

2012-04-11 John Smith

使用浮法

<span style="background-color: green; width: 25%; float:left;">1</span> 
    <span style="background-color: yellow; width: 75%; float:right;">2</span><br /> 
    <span style="background-color: green; width: 25%; float:left;">a</span> 
    <span style="background-color: yellow; width: 75%; float:right;">b</span><br />

來源

2012-04-11 14:48:30

問題是與兩個範圍之間的空格。

<span style="display:inline:block; width:25%">..</span> 
<span style="display:inline:block; width:75%">..</span>

這些之間有一個空間，所以整個事情不會100％適合;它是100％加寬空間的寬度。
如果您刪除兩個跨度之間的換行符，它將起作用。

<span style="display:inline:block; width:25%">..</span><span etc...>

來源

2012-04-11 14:52:39

這本身就解決了這個問題。但100％肯定，我添加了浮動 – 2012-04-11 15:02:18

恕我直言，這是OP張貼的問題的正確答案。並不是所接受的答案是不恰當的，但這是對問題的一種破解。這個答案證明了這個問題。 – seebiscuit 2014-10-08 17:15:57

跨度百分比寬度

回答

相關問題