首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

360浏览器样式有关问题

2012-02-27 
360浏览器样式问题这是一个新闻列表:lia href#span最近发生的好年好年哈哈哈/span/a/lili

360浏览器样式问题
这是一个新闻列表:
<li><a href="#"><span>最近发生的好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li> 


样式:
.list{line-height:20px; font-size:15px;}
.list li{ background:url(../images/jiantou.gif) no-repeat;border-bottom:#DFD8D2 1px dashed;} //一个箭头图片
.list li span{}

360浏览器下自动的就把文字和箭头左右分开了
ie下文字和箭头是重叠的 我在span里面设置 marge-left:10px; ie刚好可以了 但360浏览器就显的距离太大了 这是个什么问题啊 老手们指导小弟下

[解决办法]
<li><a href="#">你好你好年后你好年好年哈哈哈</a></li>
.list li{ background:url(../images/jiantou.gif) left center no-repeat;border-bottom:#DFD8D2 1px dashed; padding-left:10px}
[解决办法]

热点排行