在div定义中字环绕图片怎么定义

来源:百度知道 编辑:UC知道 时间:2024/06/01 21:20:36

用float就可以了
给图片定义 float:left; 文字就围绕在图片右边。
如果定义 float:right; 文字就围绕在图片左边。

下面是代码,自己试试看
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
*{ margin:0px; padding:0px;}
div {
width:300px;
border:1px solid red;
}
img {
float:left;/*控制图片的位置*/
width:100px;
height:100px;
border:1px solid #000000;
}
</style>
<body>
<div>
<img src