我需要<div>显示内联并使用"overflow:hidden"隐藏它们的父级.
<div>使用"box-sizing"属性将宽度设置为20%,因此它们恰好是其父宽度的20%.
通常的方法,使用"float:left"没有帮助,因为它只<div>在一行显示5 ,其余的显示在前5行的新行中<div>.
<div>如果使用"overflow:hidden",如果它们太宽而无法显示在其父级内部,如何使所有显示内联并隐藏其余内容?
我有以下文档结构:
<body>
<div class="column">
<div class="header">Some text</div>
<ul class="item_list">
<li class="simple"><a href="">Some text<br></a></li>
<li class="simple"><a href="">Some text<br></a></li>
<li class="simple"><a href="">Some text<br></a></li>
...
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
你可以明白我的意思在这里.但我已经使用javascript(设置为<div>"position:absolute"并为每个elemet生成"margin-left")并且它为未来的开发带来了很大的问题.