Css 按滚动条显示块
我有以下代码: html: 我需要在一行中显示带有可滚动溢出的项目。 项目的数量是动态的,因此我无法预设内容的宽度。给你。 解决方案是Css 按滚动条显示块,css,layout,Css,Layout,我有以下代码: html: 我需要在一行中显示带有可滚动溢出的项目。 项目的数量是动态的,因此我无法预设内容的宽度。给你。 解决方案是空白:nowrap给你。 解决方案是空白:nowrap@ANK-这不起作用。如果他添加了更多的元素,它们将溢出到下一行,这不是他想要的。@ANK-这行不通。如果他添加更多元素,它们将溢出到下一行,而这不是他想要的。 <div class="container"> <div class="content"> &l
空白:nowrap
给你。
解决方案是
空白:nowrap
@ANK-这不起作用。如果他添加了更多的元素,它们将溢出到下一行,这不是他想要的。@ANK-这行不通。如果他添加更多元素,它们将溢出到下一行,而这不是他想要的。
<div class="container">
<div class="content">
<ul>
<li class="item">a</li>
<li class="item">bb</li>
<li class="item">ccc</li>
<li class="item">dddd</li>
<li class="item">eeeee</li>
</ul>
</div>
</div>
.container{
width: 200px;
background-color: red;
overflow: hidden;
}
.content ul{
padding: 0px;
margin: 0px;
}
.item{
padding: 1px 10px 1px 10px;
background-color: green;
border: 1px black solid;
margin: 1px;
display: inline-block;
}