转自:http://blog.csdn.net/dante_k7/article/details/4605650
今天遇到了一个问题,就是在设置a固定宽度的时候,width和height属性不管用。导致a的背景图片background:transparent url无法正常显示。只好用' '将其撑开,感觉这个办法满笨的,而且FF和IE对' '长度解析不一样。
在网上查询了半天,终于找到了解决方法,就是加上display:block; 完整代码如下:
- 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>'位置