小编Fen*_*502的帖子

如何使<div>内联?所有<div>,即使它们的总宽度超过其父级的宽度?

我需要<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")并且它为未来的开发带来了很大的问题.

html css inline

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

inline ×1