需求说明:
- 时间日期紧跟标题其后,距离标题 10px。当标题过长时,超长部分截断,但是时间必须显示完整。
- 合理的结构方便程序输出。
- 纯 CSS 布局,兼容主流浏览器平台。
解题说明:
- 这道题有多种解法,能解决问题就好。
- 为增加解题难度,本方案无 CSS Expression,避免可能存在的资源大量消耗的情况。
- 为增加解题难度,本方案无定位操作,节省资源。(不过在 IE6 下需要相对定位来应付某个 bug。)
- 为增加解题难度,本方案实现了对超长标题进行省略号截断。(不过 IE6 和 FF 除外。这两个活宝,一个不支持
max-width
,一个不支持省略号截断。)