我怎样才能让这些元素中的每一个都突破到新行,但是将它们保持为display = inline并且没有br标签？
<div>
<a href="element1">Element 1</a>
<a href="element1">Element 2</a>
<a href="element1">Element 3</a>
</div>
Jon*_*han 18
这可以完成,但不适用于所有浏览器.您需要使用:after与伪元素white-space和content.像这样
<html>
<head>
<style type="text/css">
div a:after {white-space: pre;content:'\A';}
</style>
</head>
<body>
<div>
<a href="element1">Element 1</a>
<a href="element1">Element 2</a>
<a href="element1">Element 3</a>
</div>
</body>
</html>
参考:http://www.w3.org/TR/CSS2/generate.html#content
pix*_*ode -1
您可以通过width为父级<div>和 .equal定义 equal 来做到这一点<a>。假设您将类“容器”应用于<div>
.container { width: 100px; }
a { width: 100px; display: inline; }