CSS三行并列,怎么会出现换行的

发布网友

我来回答

2个回答

热心网友

导致换行因素很多,看你怎么定义的了,但总体上来说大多是:溢出换行,内容超过了父元素可用空间,会换行。

可以考虑的解决方法:

强制*各个子元素(你的三行元素)长度,确保三列总宽度不超过父元素的可用宽度(三行元素的内外边距和边框易被人为忽略导致总宽度超过可用宽度的100%)。这种情况常出现在浮动元素上。

<div id="fa">
    <div id="sub1"></div>
    <div id="sub2"></div>
    <div id="sub3"></div>
</div>

<!--
(#sub1+#sub2+sub3)的实际宽度 小于或等于 #fa的可用宽度

实际宽度 = sub的内外边距+边框+可用宽度
-->

不同的定义会有不同原因的,最好贴出你的代码,好让大家帮你解决。

热心网友

宽度不够才会出现这种情况

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com