代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>环绕方式</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.containerDiv{
margin: 0 auto;
padding: 10px;
width: 500px;
font-size: 28px;
border:1px solid #666666;
}
img{
border:0px;
}
.float img{
float: left;
}
</style>
</head>
<body>
<div class="containerDiv">
<p >
文字环绕是Microsoft Office Word软件的一种排版方式,主要用于设置Word文档中的图片、文本框、自选图形、剪贴画、艺术字等对象与文字之间的位置关系。一般包括四周型、紧密型、衬于文字下方、浮于文字上方、上下型、穿越型等多种文字环绕方式。
</p>
<p class="float">
以Word2010软件为例介绍设置文本框文字环绕的方法:
第1步,打开Word2010文档窗口,单击选中文本框。在打开的“文本框工具/格式”功能区的“排列”分组中单击“位置”按钮。
第2步,在打开的位置列表中提供了嵌入型和多种位置的四周型文字环绕方式,如果这些文字环绕方式不能满足用户的需要,则可以单击“其他布局选项”命令。
<img src="images/monkey.png" />
第3步,打开“位置”对话框,切换到“文字环绕”选项卡。用户可以看到Word2010提供了四周型、紧密型、衬于文字下方、浮于文字上方、上下型、穿越型等多种文字环绕方式。选择合适的环绕方式,并单击“确定”按钮即可
</p>
</div>
</body>
</html>