div 加 css 中怎么实现 左边是图片 右边是文字 且文字可以自动换行...
发布网友
发布时间：2022-04-29 12:06
共3个回答
热心网友
时间：2022-04-20 20:56
.main{ width:1000px; height:600px; background:#0CF;}
.main img{ vertical-align:middle; float:left; width:640px; height:320px;}
</style>
<div class="main">
<img src="图片地址" />
<span>文字区域</span>
以上方式已经按照你所说的，左边是图片，右边是文字，文字自动换行，并且环绕图片实现效果；
主要标签有：vertical-align:middle;使其让图片与文字对齐，float:left设置一个图片的靠左对齐方式；
你可以测试一下效果，希望对你有所帮助
热心网友
时间：2022-04-20 22:14
可以先给图片一个左浮动 float:left ;使其图片浮动到左侧
然后div也给一个左浮动 float:left ；让其div浮动到图片的右侧（未知总的div的宽度 不建议使用右浮动）
这样定位就完成了
下一步设置字体的自动换行 word-wrap:break-word; word-break:break-all
然后直接设置margin就行了
热心网友
时间：2022-04-20 23:49
