CSS

列间距column-gap

字号+ 编辑: Snake 修订: 科学鼠辈 来源: 慕课网 2023-09-12 我要说两句(0)

column-gap主要用来设置列与列之间的间距。

4、列间距column-gap

column-gap主要用来设置列与列之间的间距。

语法规则如下:

column-gap: normal || <length>

取值说明:

属性值属性值说明
normal默认值,默认值为1em(如果你的 字号是px,,其默认值为你的font-size值)。
<length>此值用来设置列与列之间的距离,其可以使用px、em单位的任何整数值,但不能是负值。


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

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

style.css代码:

.columns{
paddding:5px;
border:1px solid green;
width:900px;
margin:20px auto;
-webkit-column-count:3;
-moz-column-count:3;
-o-column-count:3;
-ms-column-count:3;
column-count:3;
-webkit-column-gap:3em;
-moz-column-gap:3em;
-o-column-gap:3em;
-ms-column-gap:3em;
column-gap:3em;
}

阅完此文,您的感想如何?
  • 有用

    0

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • 多个高度相同, 属性inline-block的div,有的div没有内容而有的div有内容,有内容的会下沉?

  • 让整个网页全局变成黑白色调的css代码

  • CSS生成内容

  • CSS3外轮廓属性

我要说说
网上宾友点评