文章/答案/技术大牛

发布

社区首页 >问答首页 >"column-width“不适用于我的代码

问"column-width“不适用于我的代码
EN

Stack Overflow用户

提问于 2018-01-30 03:55:51

回答 1查看 25关注 0票数 1

因此，我对面向web的编码和学习HTML/web是个新手。我从一本书中学到了关于创建列和使用它们的属性的章节。

我在一个3页的网站上测试我的代码，当涉及到将文本编辑到列中时，我被如何设置column-witdh卡住了。

下面是我使用的代码和css

section {
  column-count: 3;
  column-width: 3em;
}

<! DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title> Test colonne</title>
    <link rel="stylesheet" type="text/css" href="css_colonne.css">
</head>
<body>
<section>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </p>
</section>
</body>
</html>

有人能看到哪里出了问题吗(它对-moz-column-width也不起作用)

列划分可以工作，但永远不会工作

html

css

回答 1

Stack Overflow用户

发布于 2018-01-30 05:40:07

column-width CSS属性指定的最小列宽。

https://developer.mozilla.org/en-US/docs/Web/CSS/column-width

.wrapper {
  width: 9em;
}
section {
    column-count: 3;
}

使用容器元素而不是显式设置列宽。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48509013

复制

相似问题

问"column-width“不适用于我的代码
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"column-width“不适用于我的代码EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"column-width“不适用于我的代码
EN