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

今天遇到了一个问题,就是在设置a固定宽度的时候,width和height属性不管用。导致a的背景图片background:transparent url无法正常显示。只好用' '将其撑开,感觉这个办法满笨的,而且FF和IE对' '长度解析不一样。

在网上查询了半天,终于找到了解决方法,就是加上display:block; 完整代码如下:

  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-decorationnone;  
  7.     overflow:hidden;  
  8.     white-space:nowrap;  
  9. }  

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

overflow:hidden;隐藏滚动条

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



本文转载:CSDN博客