css - 从上到下对齐标签

Question

我正在尝试自定义一个免费的小部件，但我无权编辑 html。我只能访问 css。我希望能够a虚拟对齐标签。我尝试了以下 css，但标签彼此重叠/如何在它们之间放置空格？

HTML

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

CSS

跨度{位置：固定；}

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

Answer 1

您始终可以浮动和清除锚标签：

a { float: left; clear: left; }

这是一个 jsfiddle 来演示：http: //jsfiddle.net/gfvAw/60/

Answer 2

a { display: block; }

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

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