1
A
回答
3
是的,有一种方法。
您有display: inline-block
更换,float: left
,并添加white-space: nowrap
父元素:
参见:http://jsfiddle.net/vrSRE/4/
ul {
width: 300px;
height: 30px;
background: red;
white-space: nowrap
}
li {
display: inline-block
}
如果你不想要素之间的任何空间,则解决这个新问题最简单的方法是删除HTML中的空白,如下所示:
对于您可能不关心删除空间的其他选项,请参阅:
最后,如果你关心支持IE7,使用这个:
1
您可以使用white-space: nowrap
和display: inline
- 你可能不希望display: inline
,虽然。
相关问题
- 1. Css - 修复容器,块内溢出
- 2. css溢出/内联元素
- 3. CSS溢出隐藏和浮动元素
- 4. 粘性元素到父溢出容器
- 5. UL元素溢出父容器外
- 6. CSS绝对定位元素溢出
- 7. 修复CSS表溢出和样式化滚动条[与JS斌]
- 8. CSS容器伪元素?
- 9. VBA修复溢出行
- 10. 活动元素的CSS样式修复
- 11. CSS:内容溢出div
- 12. CSS“table-cell”样式元素:最大高度(和溢出:隐藏)
- 13. 追加元素 - 当元素开始溢出容器时停止追加
- 14. jQuery的 - 如果元素溢出其容器
- 15. 如何显示应该溢出父容器的元素?
- 16. 如何完全隐藏垂直溢出其容器的元素?
- 17. 将元素添加到非包装容器,在左侧溢出
- 18. 溢出其容器
- 19. 如何修改特定元素的容器的css类ID
- 20. 旋转元素溢出
- 21. 只溢出某些元素
- 22. 列溢出主div元素
- 23. 表溢出父元素
- 24. 溢出隐藏元素
- 25. 表格单元格内联CSS元素溢出
- 26. IE6中的CSS溢出问题 - 元素不会出现/显示
- 27. CSS Flexbox - 展开容器下载以显示溢出内容
- 28. 如何防止HTML/CSS中父容器内容溢出?
- 29. CSS仅影响容器内的元素?
- 30. 用CSS溢出和显示