兼容IE6的标题和时间左右错开的新闻列表css样式教程
- 作者:网页模板
- 类型:图文教程
- 点击次数:
- 发布时间:2014-03-28 16:57
先看下效果(兼容IE6,当然css3的圆角和投影没有。):
运行下面的代码查看效果:
首先:让li里面的内容,不管是a链接的标题还是时间还是包含时间的em都左(右)对其,及li{text-align:left;}(li{text-align:left;})
其次:让a左浮动(em右浮动),即a{float:left}(em{float:right})
有人肯定会提出疑问,为什么不让a左浮动,em右浮动呢?这样做,在有些情况下,IE6情况下会出现,a和它对应的时间em会不在一行。切记!
(责任编辑:网页模板)
运行下面的代码查看效果:
提示:您可以先修改部分代码再运行
首先:让li里面的内容,不管是a链接的标题还是时间还是包含时间的em都左(右)对其,及li{text-align:left;}(li{text-align:left;})
其次:让a左浮动(em右浮动),即a{float:left}(em{float:right})
有人肯定会提出疑问,为什么不让a左浮动,em右浮动呢?这样做,在有些情况下,IE6情况下会出现,a和它对应的时间em会不在一行。切记!
(责任编辑:网页模板)
- 本文标签:
- css新闻列表