如何实现这一目标?我尝试使用内联块,但兄弟姐妹移动到新行,我希望div移动到两侧,任何提示?
http://fiddle.jshell.net/prollygeek/CdE2y/
将鼠标悬停在中间区域。
答案 0 :(得分:3)
所有div都是inline-block
,因此要阻止他们转到下一行,请尝试将white-space
设置为nowrap
container
:
#container {
...
white-space:nowrap;
}
答案 1 :(得分:1)
如何保持一切充实并居中?
这使用来自http://getbootstrap.com/的justified
列表项规则并使用li
代替div
<ul id="container">
<li id="div1">
<p>Col 1</p>
</li>
<li id="div2">
<p>Col 2</p>
</li>
<li id="div3">
<p>COl 3</p>
</li>
</ul>
答案 2 :(得分:0)
试试这个:http://jsfiddle.net/prollygeek/CdE2y/
我将inline-block
更改为table-cell
并在:hover
上应用#container
。