章节
问答
笔记
评论
占位
占位

CSS3 列间距column-gap

column-gap主要用来设置列与列之间的间距,其语法规则如下:

column-gap: normal || <length>

取值说明

属性值

属性值说明

normal

默认值,默值为1em(如果你的字号是px,其默认值为你的font-size值)。

<length>

此值用来设置列与列之间的距离,其可以使用px,em单位的任何整数值,但不能是负值。

例如:将内容分三列显列,列与列之间的间距为2em,实现代码为:

column-count: 3;
column-gap: 2em;

任务

在CSS编辑器第13-17行输入正确代码,将内容列与列之间的间距设置为3em。(注意:考虑浏览器的兼容性)效果如下图所示:

温馨提示:案例的效果如上图所示才算顺利通关,否则请再学习一遍本节的知识点!

?不会了怎么办
||

提问题

写笔记

截图
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最新 点赞
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?