61,114
社区成员
发帖
与我相关
我的任务
分享IE6中line-height无效的问题！
.feed_header { position: relative; padding: 5px 10px 0 15px; height: 30px; background: url(image/c_title.gif) no-repeat; line-height: 30px; *margin:2px 0; vertical-align:middle; }
是外面的盒子！ 里面有<img>元素，也有<span>元素,文字在<span>元素内的<a>标签里！ 文字在IE6里就显示不居中。
请问高手，这个问题如何解决？~
...全文
请发表友善的回复…
发表回复
atmo 2011-01-13
- 打赏
- 举报
这个问题是图片和文字一行的问题，一般这种情况很难处理，如果图片不做链接 还是把它做成背景
如果图片需要做链接，那么把图片和文字分别放在两个不同的区块里，float:left
如果图片需要做链接，那么把图片和文字分别放在两个不同的区块里，float:left
wwtbless 2011-01-13
- 打赏
- 举报
一般用两个不同的div。一个加img,一个加文字，然后设置成浮动就好了，试试吧。
wudiaoyoutianxiacs 2011-01-12
- 打赏
- 举报
纯文字没有问题，加上图片就不行了。。。。
我这里倒是有个让图片垂直居中的方法，给你试试吧：
我这里倒是有个让图片垂直居中的方法，给你试试吧：
.pay_img{width:150px; height:100px; float:left; text-align:center; display:table-cell; *display: block; *font-size: 100px;}
.pay_img img{vertical-align:middle;}
wszdw142 2011-01-12
- 打赏
- 举报
[Quote=引用 5 楼 linshenxiu 的回复:]
line-height写在<a>标记里。
[/Quote]
+
line-height写在<a>标记里。
[/Quote]
+
linshenxiu 2011-01-12
- 打赏
- 举报
line-height写在<a>标记里。
yongyongcomeon 2011-01-11
- 打赏
- 举报
不能实现呀！
Mr-Jee 2011-01-11
- 打赏
- 举报
先试试看啊
yongyongcomeon 2011-01-11
- 打赏
- 举报
img 显示是居中的，关键是<span>里的文字这一块不能居中。
Mr-Jee 2011-01-11
- 打赏
- 举报
<img src="" style="vertical-align:middle;" />
