我希望有兩列寬度為50％的列，并避免出現(xiàn)浮點數(shù)。所以我想用display:inline-block。當元素增加到99％的寬度（例如50％，49％，http：//jsfiddle.net/XCDsu/2/）時，它將按預(yù)期工作。當使用100％的寬度（例如50％，50％，http：//jsfiddle.net/XCDsu/3/）時，第二列會中斷到第二行。這是為什么？
3 回答
叮當貓咪
TA貢獻1776條經(jīng)驗 獲得超12個贊
您可以通過刪除使用CSS空格空格，這樣可以保持你的漂亮的HTML布局。如果您希望文本在列內(nèi)換行，請不要忘記將空白重新設(shè)置為正常。
經(jīng)過IE9，Chrome 18，F(xiàn)F 12的測試
.container { white-space: nowrap; }
.column { display: inline-block; width: 50%; white-space: normal; }
<div class="container">
<div class="column">text that can wrap</div>
<div class="column">text that can wrap</div>
</div>
添加回答
舉報
0/150
提交
取消