css怎么解决浮动后,文字不环绕浮动元素
我想实现左边标签向做,右边的文字介绍向右,右边文字不环绕左边文字。请求大神们解答。我百度了,都是说浮动后,文字要环绕,可没有说解决不环绕问题。。。...
我想实现左边标签向做,右边的文字介绍向右,右边文字不环绕左边文字。请求大神们解答。我百度了,都是说浮动后,文字要环绕,可没有说解决不环绕问题。。。
展开
展开全部
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>
2、根据原因利用css样式来控制它。有2个样式可以到达效果,样式只需添加在文字上即可。
第一种通过属性overflow来控制。如:
.fixWrapper {
overflow: hidden;
zoom: 1;
}
第二种通过属性display来控制。
.fixWrapper {
display: table;
zoom: 1;
}
但是第二种方法有缺陷,如果浮动元素周围有多个元素,这种方法只有与浮动元素相邻的元素有效果。为此可以通过定义一个元素比如div,添加样式将浮动元素周围多个元素包裹起来就可以。
<div class="fixWrapper">
<ul>...</ul>
<p>...</p>
</div>
展开全部
用margin-left设置文字的左外边距
给图片和文字分别加个div,设置左边的图片div向左浮动,右边所有文字的div向右浮动
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
文字标签设置{clear:both;display:block;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
请把你的代码发出来,我帮你解决
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不明白什么意思你在父元素用overflow: hidden试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |