CSS3-多栏布局

最新推荐文章于 2023-05-14 09:05:56 发布

微笑大笑i

最新推荐文章于 2023-05-14 09:05:56 发布

阅读量689

点赞数

分类专栏： CSS3 文章标签： css3

本文链接：https://blog.csdn.net/u014404513/article/details/51383643

版权

CSS3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>

微笑大笑i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3-多栏布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多栏布局</title> <style type="text/css"> div { width: 100%; height: 600px; bord
复制链接

扫一扫