回答
取决于你想要做什么。 您可以使用display: inline-block;
我不知道如何设置'font-size:0'到容器。非常感谢 ! – 2010-09-16 12:31:30
您可以使用display:inline-block。但不幸的是,一些浏览器(一些IE版本)不支持它。
触发hasLayout和设置显示:内联在IE中完成同样的事情。这是一个黑客虽然 – 2010-09-16 12:06:04
@Matt:很高兴知道 – Palantir 2010-09-16 12:07:04
一个display: block
元件是(有效地)将不得不在端换行符。一个选项,可以让你保持块元素的样式,而把它在页面流设置display: inline-block
(当然,与some additional work获得即行为)
另一种选择是嵌套它们,它们都设置为position: relative
和使用left
规则来对齐它们。
如果你有改变的div来跨度元素的可能性,这将解决这个问题,而无需使用CSS
<span></span><span></span><span></span><span></span>
#together {
position: absolute;
display: inline-block;
\t margin;left:10px;
\t background-color:lightblue;
\t width:500px;
\t border:4px double blue;
}
<div id="together" style="left:10px">first div</div>
<div id="together" style="left:520px">second div</div>
<div id="together" style="left:1030px">third div</div>
<div id="together" style="left:1540px">fourth div</div>
<div id="together" style="left:2050px">fifth div</div>
<div id="together" style="left:2560px">sixth div</div>
<div id="together" style="left:3070px">seventh div</div>
你在这里,连续七个divs
对多个元素使用相同的ID? ID应该是唯一的。 – 2017-07-11 22:23:30
- 1. 如何将浮动div彼此相邻?
- 2. 浮动两个div彼此相邻
- 3. 显示ul彼此相邻
- 4. 使这两个div彼此相邻
- 5. 为什么这些div彼此相邻?
- 6. 浮动窗体彼此相邻
- 7. 4个盒子彼此相邻浮动
- 8. 如何浮动动态div的彼此相邻?
- 9. 显示列表彼此相邻没有浮动
- 10. 将表放置在彼此相邻而不使用'浮动'
- 11. css - div彼此相邻
- 12. 三个div彼此相邻
- 13. DIV拒绝彼此相邻
- 14. 两个div彼此相邻
- 15. 3 div彼此相邻
- 16. CSS:向左浮动不会使元素彼此相邻浮动?
- 17. html表格不会彼此相邻,而是彼此垂直
- 18. 使两个浮动的div留下彼此相邻
- 19. 如何在IE8中浮动2个div的彼此相邻
- 20. 如何在包装div中显示彼此相邻的div?
- 21. 为什么不是这4个div彼此相邻? (宽度25%)
- 22. 遇到一些麻烦让两个div彼此相邻浮动
- 23. 如何显示条彼此相邻
- 24. 显示内嵌的div彼此相邻的CSS +中心,IE8
- 25. 彼此相邻的圆DIV元素
- 26. 彼此相邻的多个DIV
- 27. 彼此相邻100%宽度的div
- 28. 广场的div彼此相邻
- 29. 把风格的div彼此相邻
- 30. 对齐彼此相邻的div盒
原谅我潜在的无知,但不会在这种情况下使用跨度? – PurplePilot 2010-09-16 12:19:03
不适用于我:http://jsfiddle.net/fnbVZ/1/ – 2010-09-16 12:25:56