0

我正在尝试自定义一个免费的小部件,但我无权编辑 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/

4

2 回答 2

1

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

a { float: left; clear: left; }

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

于 2012-11-10T19:19:56.857 回答
0

a { display: block; }

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

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

于 2012-11-10T19:08:05.613 回答