2013-03-11 158 views
0

這出現在一個行:百分比寬度增加至100%,但顯示在兩個行

<label style="display:inline-block;width:30%">xxx</label> 
<span style="display:inline-block;width:69%">hey</span> 

這個會出現在2:

<label style="display:inline-block;width:30%">xxx</label> 
<span style="display:inline-block;width:70%">hey</span> 

爲什麼?

+0

結束評論它的空白出之間的空白向我們展示其餘的代碼或小提琴,可能是很多東西 – 2013-03-11 18:37:26

+0

它可能是因爲填充或保證金 – Alireza41 2013-03-11 18:38:01

+2

哦,它們是內聯塊!他們之間有一個空間。 – biziclop 2013-03-11 18:38:39

回答

4

因爲inline-block元素是white-space dependent,所以1%是由該顯示值引起的白色空間。

您可以手動刪除<label><span>或者您也可以通過啓動在一行的末尾的註釋,並在下次

+1

+1擊敗了我。如果你提到的解決方案會更好:或者把這些元素放在一行上,或者你可以在一行的末尾開始註釋並在下一行結束。 – 2013-03-11 18:41:33

+0

演示內聯塊差距:http://jsfiddle.net/cKGYw/1/ – biziclop 2013-03-11 18:41:54

+1

@biziclop這與這個答案無關,無論如何是一個可怕的解決方案。 – 2013-03-11 18:42:43