0

無料のウィジェットをカスタマイズしようとしていますが、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/

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 に答える