您现在的位置:首页 >> 前端 >> 内容

解决CSS3多列样式column-width布局时内容被截断、错乱

时间:2017/8/28 9:33:00 点击:

  核心提示:一、问题使用CSS3的column-width: auto | 属性时,出现排列的内容被截断,出现错位的现象。二、原因需要为图片容器设置高度,不然会崩掉。三、解决方法给需要分列的容器加上height:...

一、问题

使用CSS3的column-width: auto | 属性时,出现排列的内容被截断,出现错位的现象。

解决CSS3多列样式column-width布局时内容被截断、错乱

二、原因

需要为图片容器设置高度,不然会崩掉。

三、解决方法

给需要分列的容器加上height:100%;overflow: auto;。

解决CSS3多列样式column-width布局时内容被截断、错乱

解决CSS3多列样式column-width布局时内容被截断、错乱。

Tags:解决 决C CS SS 
作者:网络 来源:mazeyqian的