水平保留块元素

如何将块元素水平保留在div中而不会溢出。好朋友，我的意思是我有宽度为100px的宽度为300px的div的4个div元素。所有4个div都浮动到右侧，但最后一个被包装到下一行。我希望它保持水平而不被包裹或溢出。只是被隐藏 HTML水平保留块元素

<div class="f"> 
    <div>one<\div> 
    <div>two<\div> 
    <div>three<\div> 
<\div>

CSS

.f 
{ 
    width:300px; 
    height:120px; 
    background:yellow; 
    overflow:hidden; 
} 
.f div 
{ 
    width:100px; 
    height:100px; 
    float:right; 
    backgroud:green; 
}

家伙由我希望它像Windows 8的开始菜单，但我不希望被滚动的方式。我想用js制作滚动条

来源

2014-04-22 scripter

块元素总是占用全部可用宽度。你想在这里使用的是inline-block，它们只是接受高度和宽度的内联元素。

而且隐藏溢出申请overflow:hidden

如果你的意思是通过提双赢-8水平滚动，在容器适用

white-space:nowrap在本小提琴：

JSFiddle

来源

2014-04-22 17:24:07

将它像Windows 8开始菜单块？ – scripter

你想允许水平滚动..？ –

我只是希望它是水平和可滚动的，但滚动条是隐藏的。没有溢出既不包装 – scripter

水平保留块元素

回答

相关问题