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

1. a:link.myA {  
2.     background:transparent url (img.gif) no-repeat;  
3.     background-position:0px 0px;  
4.     display:block;  
5.     width:100px;  
6.     text-decoration: none;  
7.     overflow:hidden;  
8.     white-space:nowrap;  
9. }  

其中overflow,和white-space根据需要在加，如果是文字的话，不希望换行且固定宽度。

overflow:hidden;隐藏滚动条

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