css深入理解之folat浮动1-1

最新推荐文章于 2022-07-20 12:27:04 发布

xuhui_li

最新推荐文章于 2022-07-20 12:27:04 发布

阅读量258

点赞数

本文链接：https://blog.csdn.net/xuhui_li/article/details/52490758

版权

float:实现文件环绕效果

文字环绕效果

<html xmlns=www.test.com/xhtml>
<head>
<meta htttp-equivp=“Content-Type” content="test/html; charset=utf-8”/>
<title>浮动的原本作用－文字环绕</title>
<style>
.testbox { width: 600px; margin: 16px auto; line-height: 1.5; front-size:14px; }
.float-left { float: left;margin:0 10px 5px 0; }
</style>
</head>

<body>
<div class=“test-box”>
   <img src=“http:7.7.7.7/图片.jpg">
   <p>练习</p>
   <p>练习</p>
   <p>练习</p>
   <p>练习</p>
</div>
</body>
</html>