css 在两个 div 中间扩展 div 将它们推到两边

标签 css

如何实现?我尝试使用 inline-block,但 sibling 移动到新行,我希望 div 移动到两侧,有什么提示吗?

http://fiddle.jshell.net/prollygeek/CdE2y/

将鼠标悬停在中间的 div 上。

最佳答案

所有的 div 都是 inline-block,所以为了防止它们进入下一行,尝试将 white-space 设置为 nowrap 对于容器:

#container {
  ...
  white-space:nowrap;
}

这是 working fiddle

关于css 在两个 div 中间扩展 div 将它们推到两边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22755914/

相关文章:

html - 如何解决 z-index 问题?

需要 IE 上的 CSS 渲染帮助

css - 类似函数的 CSS 类

javascript - jquery - 仅对单击的元素进行动画处理并隐藏另一个元素

css - 旋转文本并在 CSS 中对齐它?

html - 将 div 设置为内容的 100%

javascript - 垫分页器没有显示

html - 为什么 firefox 根据实际图像大小而不是 css 给出外部元素宽度?

javascript - 获取不可见的内部div

css - "i"在 CSS 属性选择器中意味着什么?