这道css面试题不错

迅雷2009 页面重构工程师面试题

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

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

查看演示

请留下您的回复