css3 - column-width多列布局内容被截断分开
迷茫
迷茫 2017-04-17 11:37:12
[CSS3讨论组]

各位亲,你们是否有人在使用 css3 的column-width多列布局,然后是否有碰到过内容被截断分开的问题?然后你们是怎么解决的呢?谢谢~

如图(正常情况下,标题是要位于图片下方的):

css代码如下:

html示例代码如下:

testtest

testtest222

testtesttest

testtesttest

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
ringa_lee

兄弟,你这个问题最后怎么解决的。我也遇到了

伊谢尔伦

你这个需要在内容box设置一个 height100%;overflow: auto;如果盒子不够是不行的

分类区域(瀑布流标签盒子)

内容区域盒子标签(宽度100%,高度自动, width:100%,overflow: auto;),这里的100%代表的是瀑布流中一个盒子的100%(比如是分的3栏,就代表33.333333%的百分之百;如果你区的是四栏就代表25%的百分之百)        内容盒子( height100%;overflow: auto;)

这个结构就完美了,
由于本着授人鱼又不如授人以渔的态度,代码就不贴出来了,

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号