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>​ 

3 Solutions collect form web for “CSS没有文字换行”

除了溢出:隐藏,使用

 white-space:nowrap; 

只要使用:

 overflow: hidden; white-space: nowrap; 

在你的物品的div

使用CSS属性溢出。 例如:

  .item{ width : 100px; overflow:hidden; } 

溢出属性可以具有许多值之一( 隐藏滚动可见 )..你也可以用溢出控制在一个方向的溢出溢出溢出

我好

  • 为什么不总是使用enctype =“multipart / form-data”?
  • 我如何使用百分比来设置表格单元格的最大宽度?
  • 如果文本大于允许范围,则用css溢出淡出文本
  • 为什么不能自动closures脚本标签?
  • 与边界/大纲的六angular形状
  • 如何在jQuery中移动表格行?
  • Button的工具提示
  • 我怎样才能隐藏一个HTML表格行<tr>,使其不占用空间?
  • 个人数据自动填入浏览器(Safari,Opera)使用的表单字段名称
  • 有没有办法在一个div中用单词包装长单词?
  • 隐藏Twitter的Bootstrap导航点击崩溃