博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
新闻列表布局中ie6的变态
阅读量:5131 次
发布时间:2019-06-13

本文共 805 字,大约阅读时间需要 2 分钟。

要布局一个新闻列表,如下:

可以这么布局:

<ul>

<li>.<a href="#">2014年全国一级建造师考试报名条件</a><span>2013-5-12</span></li>
<li>.<a href="#">上海2012年3月份会计从业资格考试成绩</a><span>2013-5-12</span></li>
<li>.<a href="#">青海2013年经济师考试资格复审通知发</a><span>2013-5-12</span></li>
</ul>

css:

#contain_left .blo2_news ul{padding:0 10px;}

#contain_left .blo2_news ul li{height:25px;line-height:25px;font-size:14px;overflow:hidden;}

#contain_left .blo2_news ul li span{float:right;color:#999;}

#contain_left .blo2_ban{padding:10px 0;clear:both;}

这样写兼容标准浏览器及ie789,唯独ie6例外。后面改成:

<li><span>2013-5-12</span>.<a href="#">2014年全国一级建造师考试报名条件</a></li>

<li><span>2013-5-12</span>.<a href="#">上海2012年3月份会计从业资格考试成绩</a></li>
<li><span>2013-5-12</span>.<a href="#">青海2013年经济师考试资格复审通知发</a></li>

就能 兼容Ie6了。把右浮动的元素放前面即可。

 

转载于:https://www.cnblogs.com/jiaojiaome/p/3615358.html

你可能感兴趣的文章
Sql Server 中由数字转换为指定长度的字符串
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
VC6.0调试技巧(一)(转)
查看>>
php match_model的简单使用
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
Vue_(组件通讯)子组件向父组件传值
查看>>
STM32单片机使用注意事项
查看>>
js window.open 参数设置
查看>>
032. asp.netWeb用户控件之一初识用户控件并为其自定义属性
查看>>
移动开发平台-应用之星app制作教程
查看>>
leetcode 459. 重复的子字符串(Repeated Substring Pattern)
查看>>
springboot No Identifier specified for entity的解决办法
查看>>
浅谈 unix, linux, ios, android 区别和联系
查看>>
51nod 1428 活动安排问题 (贪心+优先队列)
查看>>
latex for wordpress(一)
查看>>
如何在maven工程中加载oracle驱动
查看>>
Flask 系列之 SQLAlchemy
查看>>
aboutMe
查看>>
【Debug】IAR在线调试时报错,Warning: Stack pointer is setup to incorrect alignmentStack,芯片使用STM32F103ZET6...
查看>>