长内容的不同CSS规则

如果页面内容“长”，是否可以根据信息准备不同的样式来更改页面布局。我想在内容长时启用CSS3列，在内容短时禁用它们

你如何定义“长”？它是开放的——它可以是一定数量的段落、一定数量的像素等等

可根据浏览器窗口宽度更改样式的类似媒体查询：

@media only screen and (min-width: 1278px) {
    /* code for wide-screen window */
}

---

如果可能的话，我想使用纯CSS而不使用JavaScript（使用JavaScript很简单-我只需在测量页面偏移量后添加一个类）。

据我所知，媒体查询是不可能的

该属性的w3规范指定的不是实际内容高度，而是浏览器高度，类似于“宽度”属性

---

我会选择一个与您描述的完全相同的快速JS解决方案。

据我所知，媒体查询是不可能的

该属性的w3规范指定的不是实际内容高度，而是浏览器高度，类似于“宽度”属性

---

我会选择一个与您描述的完全相同的快速JS解决方案。

因为CSS无法知道“长”或“短”内容的确切构成，不，纯CSS无法做到这一点。我没有使用列的经验，但您可以做一些事情，例如将所有内容放在列项目所在的一列中（或包含div）设置为你认为足够长的长度，而不是多栏，设置宽度，然后将列数设置为Auto.然后，当内容变长时，它不是向下推，而是推到一个新的列中。。。正如我所说，我已经有一段时间没有使用列甚至CSS了，所以我不知道这样做是否可行……我在考虑类似父选择器的东西：与“包含15个p元素”这样的信息相结合但是我不想指出一个具体的方向，因为现在这是一个死胡同。因为CSS无法知道什么是“长”或“短”内容，不，你不能用纯CSS来做这件事。我没有使用列的经验，但你可以做一些事情，比如把所有内容放在一个列中，列项目（或包含div）设置为你认为足够长的长度，而不是多栏，设置宽度，然后将列数设置为Auto.然后，当内容变长时，它不是向下推，而是推到一个新的列中。。。正如我所说，我已经有一段时间没有使用列甚至CSS了，所以我不知道这样做是否可行……我在考虑类似于父选择器的东西：结合“包含15个p元素”这样的信息，但我不想指出一个特定的方向，因为现在这是一个死胡同。