1. 杂技团美女演员的训练2008-03-14
2. 最昂贵内衣惊艳出炉2008-03-14
3. 【组图】让人喷饭的日常用品大收罗2008-03-14
4. 世界上头发最长的美女令人叹为止2008-03-14
5. 世界八大最喜欢吃人的恐怖生物大全2008-03-14
6. 体育比赛中让人惊奇的奇妙瞬间2008-03-14
7. 独家新闻：虹虹顺利产下龙凤胎2008-03-14
8. 亿万富翁们的超级奢侈2008-03-14
9. “日本小姐”选美2008-03-14
10. 素面朝天吓坏人，化妆前后大对比2008-03-14

需求说明：

• 时间日期紧跟标题其后，距离标题 10px。当标题过长时，超长部分截断，但是时间必须显示完整。
• 合理的结构方便程序输出。
• 纯 CSS 布局，兼容主流浏览器平台。

解题说明：

• 这道题有多种解法，能解决问题就好。
• 为增加解题难度，本方案无 CSS Expression，避免可能存在的资源大量消耗的情况。
• 为增加解题难度，本方案无定位操作，节省资源。（不过在 IE6 下需要相对定位来应付某个 bug。）
• 为增加解题难度，本方案实现了对超长标题进行省略号截断。（不过 IE6 和 FF3- 除外。这两个活宝，一个不支持 max-width，一个不支持省略号截断。）

来源：懒之才　代码整理：懒之才

♥尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。