CSS没有文字换行
请参阅下面的引用代码http://jsbin.com/eveqe3/edit ，也引用。
我需要在项目div中显示文本，使文本只出现在具有指定宽度的绿色框中，其余行需要隐藏。 任何build议，请…
<style> #container{ width : 220px; } .item{ float:left; border: 1px solid #0a0; width: 100px; height: 12px; padding 2px; margin: 0px 2px; } .clearfix{ clear: both; } </style> </head> <body> <div id="container"> <div class="item"> A very loooooooooooooooooooooong text </div> <div class="item"> Another looooooooooooooooooooong text </div> <div class="clearfix"> </div> </div> </body> </html> 除了溢出：隐藏，使用
white-space:nowrap;
只要使用：
overflow: hidden; white-space: nowrap;
在你的物品的div
使用CSS属性溢出。 例如：
.item{ width : 100px; overflow:hidden; }
溢出属性可以具有许多值之一（ 隐藏 ， 滚动 ， 可见 ）..你也可以用溢出控制在一个方向的溢出溢出或溢出 。
我好
