div文字这样环绕图片!css怎么定义!
发布网友
共5个回答
热心网友
方法很分多，可以把图片和文字分别放在div中然后浮动即可。
我写一个给你，稍等！
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
img{
float: left;
}
</style>
</head>
<body>
<div>
<img src="test1.jpg" alt="">
<ul>
<li>地址：***********</li>
<li>电话：1111111111</li>
<li>联系人：大大大大大大</li>
</ul>
</div>
</body>
</html>
你自己再改一改，有用就采纳！
追答
那就把ul换成一个div：
<ul><li>地址：***********</li>
<li>电话：1111111111</li>
<li>联系人：大大大大大大</li>
</ul>
换成:
<div>
联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人：大大大大大大联系人
</div>
这样一来他自己会环绕的，你看下效果。
热心网友
可以用两个div控制，左:float：left
左边是图片，右边div里面放文字，也可以用绝对定位和相对定位
热心网友
图片加上float:left;
热心网友
图片加左浮动就可以了float:left
热心网友
图片左浮动 文字左浮动就好了
