如何水平alignment跨度或div？
我唯一的问题是让他们排成三队，并且有相等的距离。 显然，跨度不能有宽度和div（并且跨越display：block）不会水平地出现在一起。 build议？
<div style='width:30%; text-align:center; float:left; clear:both;'> <div style='width:30%; text-align:center; float:left; clear:both;'>我现在拥有的。
你可以使用float: left; div float: left; 属性，这将使它们彼此相邻地水平显示，但是您可能需要在以下元素上使用清除，以确保它们不重叠。
您可以使用
.floatybox { display: inline-block; width: 123px; }
如果您只需要支持支持embedded块的浏览器。 内联块可以有宽度，但是内联，就像button元素一样。
哦，你可能会添加vertical-align：顶部的元素，以确保事情排队
我的答案：
<style> #whatever div { display: inline; margin: 0 1em 0 1em; width: 30%; } </style> <div id="whatever"> <div>content</div> <div>content</div> <div>content</div> </div>
为什么？
从技术上讲，跨度是一个内联元素，但是它可以有宽度，你只需要设置他们的显示属性先阻塞。 然而，在这种情况下，一个div可能更合适，因为我猜你想用这些内容填充这些div。
你绝对不想做的一件事是clear:both设置在divs上。 像这样设置意味着浏览器将不允许任何元素与它们位于同一行。 结果，你的元素将堆积起来。
注意，使用display:inline 。 这涉及ie6边缘加倍的bug。 如果有必要，你可以用其他方式解决这个问题，例如条件样式表。
我已经添加了一个包装（#whatever），因为我猜这些不会是页面上唯一的元素，所以你几乎肯定需要将它们从其他页面元素分离。
无论如何，我希望这是有帮助的。
你可以做：
<div style="float: left;"></div>
要么
<div style="display: inline;"></div>
任何一个都会导致div水平平铺。
我会做这样的事情，因为它给你3甚至大小的列，甚至间距和（偶）的比例。 注意：这没有经过testing，所以它可能需要调整旧版浏览器。
<style> html, body { margin: 0; padding: 0; } .content { float: left; width: 30%; border:none; } .rightcontent { float: right; width: 30%; border:none } .hspacer { width:5%; float:left; } .clear { clear:both; } </style> <div class="content">content</div> <div class="hspacer"> </div> <div class="content">content</div> <div class="hspacer"> </div> <div class="rightcontent">content</div> <div class="clear"></div>
你可能想要做的是查找基于CSS网格的布局。 此布局方法涉及指定一些CSS类来将页面内容与网格结构alignment。 它与基于网页的打印布局关系更密切，但是这是一种在很多网站上使用的技术，将内容布局到结构中，而不必求助于表格。
试试这从Smashing杂志的初学者 。
我会用：
<style> .all { display: table; } .maincontent { float: left; width: 60%; } .sidebox { float: right; width: 30%; } <div class="all"> <div class="maincontent"> MainContent </div> <div class="sidebox"> SideboxContent </div> </div>
这是我第一次从溢出中使用这个“代码工具”…但是现在呢…
看看CSS的浮动属性。 http://w3schools.com/css/pr_class_float.asp
它适用于像div这样的块元素。 或者，你想显示什么，如果你真的想显示一些信息的表格，表格并不是邪恶的。
我会尽量给他们所有的display: block; 属性和使用float: left; 。
您可以随意设置width和/或height 。 你甚至可以指定一些垂直alignment的规则。
<!-- CSS --> <style rel="stylesheet" type="text/css"> .all { display: table; } .menu { float: left; width: 30%; } .content { margin-left: 35%; } </style> <!-- HTML --> <div class="all"> <div class="menu">Menu</div> <div class="content">Content</div> </div>
另一个…尝试使用float: left; 或right; ，改变其他值的width …它肩负的工作…也请注意，10％，没有使用的div之间它们之间…对不起，英语不好:)
