水平保留塊元素

如何將塊元素水平保留在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

水平保留塊元素

回答

相關問題