跨度百分比宽度

像表跨度百分比宽度

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

跨度百分比宽度

回答

相关问题