CSS定義a的寬度

轉自： http://blog.csdn.net/dante_k7/article/details/4605650

今天遇到了一個問題，就是在設定a固定寬度的時候，width和height屬性不管用。導致a的背景圖片background:transparent url無法正常顯示。只好用' '將其撐開，感覺這個辦法滿笨的，而且FF和IE對' '長度解析不一樣。

在網上查詢了半天，終於找到瞭解決方法，就是加上display:block; 完整代碼如下：

[css]  view plain copy a:link.myA {       background:transparent url (img.gif) no-repeat;       background-position:0px 0px;       display:block;       width:100px;       text-decoration: none;       overflow:hidden;       white-space:nowrap;   }  

其中overflow,和white-space根據需要在加，如果是文字的話，不希望換行且固定寬度。

overflow:hidden;隱藏捲軸

white-space:nowrap;不換行只到遇到'<br>'位置