效果图：
在这个案例中，只是给图片加了个float：left，文字就围绕图片了。
这是因为，图片虽然脱离了文档流，但仍在文本流当中，所以图片不会覆盖掉文字。并且浮动的图片只会使其之后的元素产生影响
所以对图片上一段的文字并不会产生影响（图片上面那一段文字围绕图片）。
下面是代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style type="text/css">
p{
text-indent: 2em;
line-height: 1.5em;
}
</style>
</head>
<body>
<div>
<p>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）
或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 </p>
<img src="1.jpg" style="float: left;width: 100px;"/>
<p>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本
语言动态地对网页各元素进行格式化。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本
语言动态地对网页各元素进行格式化。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本
语言动态地对网页各元素进行格式化。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本
语言动态地对网页各元素进行格式化。 </p>
</div>
</body>
</html>
666
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
