请参见代码http://jsbin.com/eveqe3/edit,下面也引用了该代码.

我需要以这样的方式显示项目div内的文本,文本只出现在指定宽度的绿色框中,睡觉的行需要隐藏.有什么建议请.

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

Html相关问答推荐

在Apps Script中连接CSS与HTML

如何从ThymeLeaf模板中分离CSS

动态FormControl值在Angular 上绑定错误的问题

在FlexBox中将div拉伸到父div的完全高度

CSS中的转换属性是如何工作的?

目标第一个祖先标签的 XPath

我的 *ngFor 中的 array.reverse() 在生产中不起作用

如何在悬停时更改同级元素 CSS

标题在实时网站上闪烁

如何使Bootstrap 5卡可点击

HTML 如何根据屏幕尺寸调整/裁剪视频背景?

将 HTML 元素粘贴到容器底部,而不剪裁其顶部

标签背景 colored颜色 的 html 和 css 技巧说明

不同屏幕尺寸的显示问题

如何使用 CSS Flex 设计一个导航栏,其中一组项目左对齐而另一组项目右对齐?

不理解 CSS 中的 General sibling combinator (~)

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

左右图像,响应页面大小并居中

Angular Material Hide Password 在输入时切换

在 EJS 中将元素放置在彼此下方的列中