我希望有兩列寬度為50％的列，并避免出現浮點數。所以我想用display:inline-block。當元素增加到99％的寬度（例如50％，49％，http：//jsfiddle.net/XCDsu/2/）時，它將按預期工作。當使用100％的寬度（例如50％，50％，http：//jsfiddle.net/XCDsu/3/）時，第二列會中斷到第二行。這是為什么？
3 回答
叮當貓咪
TA貢獻1776條經驗 獲得超12個贊
您可以通過刪除使用CSS空格空格，這樣可以保持你的漂亮的HTML布局。如果您希望文本在列內換行，請不要忘記將空白重新設置為正常。
經過IE9，Chrome 18，FF 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>
- 3 回答
- 0 關注
- 592 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消