常用网页布局之新闻列表(2)-前端笔试题
上次的《常用网页布局之新闻列表(1) 》中主要使用定位来解决新闻列表的布局排列问题。但只仅仅是新闻列表的一种布局形式，还有另外一种新闻列表布局形式，是更常见，但在网页布局上属于高级进阶段的列表布局。
这个题目因为来自迅雷公司面试，一直以”迅雷面试题”的身份出现。见以下迅雷前端面试要求及图片：
说明：如上图所示，用CSS来实现上图的布局样式。
要求：
1.时间日期紧跟标题其后，距离标题10px。当标题过长时，隐藏标题，但时间日期必须显示完整。（注：单行行距自己定）
2.合理的结构方便程序输出。
3.兼容IE6、IE7、Firefox 2.x、Opera等浏览器。
提示：你可以先修改部分代码再运行。
以上的新闻列表，你可以任意删除一个列表，测试如果新闻列表少于10条的情况，看是否可以做到第二条所说的
“合理的结构方便程序输出。”
对于日期完整的问题，见下面的注释：
.list ul li span{
float:left;/*确保同一行显示*/
margin-left:-60px;/*这里会吃掉新闻标题*/
width:60px;/*但是这里会有固定的宽度留给时间*/
height:20px;
font:11px/20px "Times New Roman", Times, serif;
color:#ccc;
}
以上便是迅雷前端招聘试题解密，更是常用新闻列表布局之一！