日期跟随标题

结构1：日期span与标题a为兄弟关系

float 和 max-width

IE 6- 不支持 max-width。

  1. 标题文字部分不能直接设定width2009-10-01
  2. 因为当文字少的时候，需要日期跟随其后2009-10-02
  3. 标题文字过多时，需要截断多余文字，但是同时不能出现半个中文字的情况2009-10-03
  4. 日期跟随着标题比较容易解决，将标题（a元素）左浮动（float:left）2009-10-04
  5. 标题文字为1行高，不设定标题（a）的宽度2009-10-05
  6. 则其文字会自动回行2009-10-06

浮动和绝对定位

绝对定位的行内元素的默认位置在Opera内为包含块的左、上边，因此此方法不兼容Opera。

  1. 标题文字部分不能直接设定width2009-10-01
  2. 因为当文字少的时候，需要日期跟随其后2009-10-02
  3. 标题文字过多时，需要截断多余文字，但是同时不能出现半个中文字的情况2009-10-03
  4. 日期跟随着标题比较容易解决，将标题（a元素）左浮动（float:left）2009-10-04
  5. 标题文字为1行高，不设定标题（a）的宽度2009-10-05
  6. 则其文字会自动回行2009-10-06

结构2：日期span包含在标题a内

浮动与绝对定位

  1. 标题文字部分不能直接设定width2009-10-01
  2. 因为当文字少的时候，需要日期跟随其后2009-10-02
  3. 标题文字过多时，需要截断多余文字，但是同时不能出现半个中文字的情况2009-10-03
  4. 日期跟随着标题比较容易解决，将标题（a元素）左浮动（float:left）2009-10-04
  5. 标题文字为1行高，不设定标题（a）的宽度2009-10-05
  6. 则其文字会自动回行2009-10-06