从上到下对齐标签

Question

我正在尝试自定义免费小部件，但我没有权限编辑html。我只能访问css。我希望能够虚拟对齐a标签。我尝试过以下css，但标签正好相互之间/如何在它们之间放置空格？

HTML

<span><a href="#" title="Delete">[×]</a>&nbsp;<a href="#" title="Ban">[o]</a>&nbsp;</span>

CSS

跨越{position：fixed; }

的jsfiddle http://jsfiddle.net/gfvAw/58/

Answer 1

您可以随时浮动并清除锚标记：

a { float: left; clear: left; }

这是一个证明：http://jsfiddle.net/gfvAw/60/

的jsfiddle

Answer 2

a { display: block; }

这会将a标记转换为block元素，这意味着它们会自动展开以适应其容器。

但是，您应该意识到使用block元素意味着用户可以单击块中的任何位置，而不是仅在链接文本的顶部。该问题的解决方案是使用jQuery在每个<br/>标记之后插入a标记。或者，您也可以使用 代码替换<br/>实体。