浮动元素的两端对齐

当我们使用float来使元素并排显示的时候,可以使用margin来控制元素之间的距离,而在很多版式里(例如产品图片的列表),需要浮动的元素达到两端对齐的效果,如图1所示。

图1 两端对齐的版式

图1 两端对齐的版式

单纯使用float:left或者float:right,而不添加额外的class区分元素的位置,似乎是无法实现靠左/右的效果。
…阅读全文…

[样@式作业 2009年10月16日]文字列表中日期跟随标题

2009年10月16日作业第一题:日期跟随新闻标题

在此讨论第一题:

图1

图1:题目1需求

此题主要的难点在于:

  1. 标题文字部分不能直接设定width,因为当文字少的时候,需要日期跟随其后;
  2. 标题文字过多时,需要截断多余文字,但是同时不能出现半个中文字的情况。

…阅读全文…