0

このことを考慮：

<style>
a
{
    float:left;
    width:200px;
    text-align:center;
}
</style>
<div>
    <a>First</a>
    <a>Second</a>
    <a>Third</a>
</div>

これは完全に機能し、それぞれ<a>が正しい幅を持っています。しかし、これらのいずれかからテキストを削除する<a>と、幅が失われ、幅が 600px ではなく 400px になります。

<a>固定幅でテキストなしの3 を作成するにはどうすればよいですか?

私は自分のアプリケーションで jQuery を頻繁に使用しており、これらのアンカーのテキストが変更されています。

テキストを に置き換えることでこれを解決する方法を見つけましたが、\xA0それでもクリックできるので、無効にしたいと思います。

4

4 に答える 4

1

これは、要素がheightコンテンツなしで no になってしまうためです。修正は、高さを指定することです：

a {
    float:left;
    width:200px;
    text-align:center;
    height:20px;
}
于 2013-02-28T11:23:24.207 に答える
0

追加する必要がありますdisplay:block;

タグはデフォルトですdisplay:inline;

于 2013-02-28T11:24:40.787 に答える
0

display: inline-blockそれらがより少ないスペースを占めるのを防ぐために、それらのアンカーに適用する必要があります。

于 2013-02-28T11:24:04.280 に答える
0

style タグには display:block を使用できます。これが私の見解です。 http://jsfiddle.net/DkL6F/

             <div>
                <a style="background:#FF433F;">&nbsp;&nbsp;</a>
                <a style="background:#F1F33F;">&nbsp;&nbsp;</a>
                   <a style="background:#F1B33F;">&nbsp;&nbsp;</a>
            </div>

                  a
            {
                 float:left;
                width:200px;
                 text-align:center;
           display:block;

                }
于 2013-02-28T11:31:59.023 に答える