css怎么解决浮动后,文字不环绕浮动元素

发布网友 发布时间：2022-04-29 12:06

我来回答

共7个回答

热心网友 时间：2022-04-20 02:22

1、找到产生这种现象的原因：浮动元素自身的高度低于相邻元素的文本的高度。
2、根据原因利用css样式来控制它。有2个样式可以到达效果，样式只需添加在文字上即可。
第一种通过属性overflow来控制。如：
.fixWrapper {
overflow: hidden;
zoom: 1;
}
第二种通过属性display来控制。
.fixWrapper {
display: table;
zoom: 1;
}
但是第二种方法有缺陷，如果浮动元素周围有多个元素，这种方法只有与浮动元素相邻的元素有效果。为此可以通过定义一个元素比如div，添加样式将浮动元素周围多个元素包裹起来就可以。
<div class="fixWrapper">
<ul>...</ul>
<p>...</p>
</div>

热心网友 时间：2022-04-20 03:40

用margin-left设置文字的左外边距

给图片和文字分别加个div，设置左边的图片div向左浮动，右边所有文字的div向右浮动

热心网友 时间：2022-04-20 05:15

文字标签设置{clear：both；display：block；}

热心网友 时间：2022-04-20 07:06

请把你的代码发出来，我帮你解决

热心网友 时间：2022-04-20 09:14

不明白什么意思你在父元素用overflow: hidden试试

热心网友 时间：2022-04-20 11:39

用div将那四行文字包起来~
然后给这个div价格margin-left，具体多少就看那个“如何开卡”

这里给你一种方案，还有其他解决办法

热心网友 时间：2022-04-20 14:20

<span></span>标签追问你指的span标签是加到哪儿。是原来的p标签上吗，我试了讲p改为span 好像还是不行。。。

追答左右定位 图片 span 文字 span