總是有浮動元素的寬度沒有文字

考慮一下：總是有浮動元素的寬度沒有文字

<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代替文本，但我仍然可以點擊它，並且我希望它被禁用。

來源

2013-02-28 Pacha

這是因爲元素沒有任何內容而最終沒有height。此修復程序將是指定的高度：

a { 
    float:left; 
    width:200px; 
    text-align:center; 
    height:20px; 
}

來源

2013-02-28 11:23:24

謝謝，這工作。 – Pacha 2013-02-28 11:26:13

太棒了，如果你有時間，請將其標記爲已接受的答案。 :-) – 2013-02-28 12:07:18

您應該應用display: inline-block這些錨，以防止它們佔用更少的空間。

來源

2013-02-28 11:24:04 Aljullu

你只需要默認display:inline;

來源

2013-02-28 11:24:40 Kimtho6

您可以使用顯示器添加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-28 11:31:59 Bazinga777

總是有浮動元素的寬度沒有文字

回答

相關問題