zoukankan html css js c++ java

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>

查看全文

相关阅读:
微信小程序——微信支付
 .Net 异步方法， await async 使用
 微信小程序路过——新手不要错过哦！
关于文件的上传。
网页源代码的获取方法
 PCPOP多功能外挂v1.0
网站开发步骤
 关于系统的垃圾文件
 关于容器中的控件的使用
 POP气球机

原文地址：https://www.cnblogs.com/perock/p/2633513.html