CSS Float 换行 

<html>

<head>
<style type="text/css">
simg
  {
  float:left; clear:right; border:1px solid red;
  margin:1px;
  padding:1px;
  }
div img{float:left; clear:left;}
</style>
</head>

<img src="/i/eg_smile.gif" style="float:left; clear:both; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>

<img src="/i/eg_smile.gif" style="float:left; clear:both; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>

<img src="/i/eg_smile.gif" style="float:left; clear:both; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>
<img src="/i/eg_smile.gif" style="float:left; clear:right; border:1px solid red;"/>


</body>

</html>
posted @ 2012-08-11 11:55  perock  阅读(2326)  评论(0)  编辑  收藏  举报