CSS3-多栏布局

来源：互联网发布：易语言数据库怎么用编辑：程序博客网时间：2024/06/04 18:14
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>多栏布局</title>    <style type="text/css">        div {            width: 100%;            height: 600px;            border: 1px solid gray;            /*column：分栏布局。 让标签的内容分成水平方向的多栏布局样式。该技术主要使用在阅读来页面中。*/            /*column-count: 指定把内容分为若干栏*/            column-count: 3;            -webkit-column-count: 3;            /*column-width：指定每栏至少占多宽。*/            /*同时设置了count和width时，如果容器宽度能保证每栏的最小宽度，则分count指定的栏数；如果按照指定count数分栏目每一栏的宽度小于指定的width时，则开始合并栏数，满足每栏的最小宽度。*/            column-width: 300px;            -webkit-column-width: 300px;            column-gap: 100px;            -webkit-column-gap:10px;            column-rule: 1px  solid gray ;            -webkit-column-rule: 1px solid gray;            overflow: auto;        }        @font-face {            /*给字体去一个名字*/            font-family: "自定义";            /*把字体路径导入本文档*/            src:url("创艺简细圆.ttf");        }        p {            font-family: "自定义";            font-size: 16px;            text-indent: 2em;            margin: 0;        }    </style></head><body>        <div>            <p>                师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR            </p>            <!-- <p>师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR师傅说分手的范围二日调皮哦，VB。，每次VB。形成率及办理交付的公路冬日托诶如同一；大家分工；水电费根据拉丝看得见覅乌尔偶然抛弃婆婆攻破对方颇高。，吧，。，v；看了啥地方；卡；卡佛IPO我爱上的批复为服务而【wepr0wer铺位一若一u。， 你。出现，女并排看看  爱上了看到就分了就考试的分类进阿萨德了空间里即可沃日吴培UR</p> -->        </div></body></html>
0 0