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。

我应该怎么做才能使 3<a>具有固定宽度且没有文本？

我在我的应用程序中经常使用 jQuery，并且这些锚点中的文本发生了变化。

我找到了一种通过用 替换文本来解决此问题的方法\xA0，但我仍然可以单击它，并且我希望它被禁用。

4

4 回答 4

1

这是因为元素以 no 结束，没有height任何内容。解决方法是指定一个高度：

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

您应该应用display: inline-block这些锚以防止它们占用更少的空间。

于 2013-02-28T11:24:04.280 回答
0

你只需要添加display:block;

一个标签是默认的display:inline;

于 2013-02-28T11:24:40.787 回答
0

您可以使用 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 回答