Html 如何正确显示CSS3列

Html 如何正确显示CSS3列,html,css,Html,Css,我在一个网站上工作,该网站使用CSS3 colums将文章的文本分为三列。在它的当前状态下,有几个段落,一个无序的列表,还有几个段落 我希望这篇文章本质上读起来像一份报纸,但是CSS以一种非常直观的方式打破了这一点,我不知道如何修复它。当前的网站是。谢谢你的帮助 坦率地说,使用纯css和其他任何东西,您都无法将单个div的内容拆分为多个列 每一列都应该是它自己的DIV,这意味着您必须将文章预先拆分为三个部分。您可以手动执行此操作,但在后端编写一些php以编程方式分解本文可能不会那么麻烦 我通常会

我在一个网站上工作,该网站使用CSS3 colums将文章的文本分为三列。在它的当前状态下,有几个段落,一个无序的列表,还有几个段落


我希望这篇文章本质上读起来像一份报纸,但是CSS以一种非常直观的方式打破了这一点,我不知道如何修复它。当前的网站是。谢谢你的帮助

坦率地说,使用纯css和其他任何东西,您都无法将单个div的内容拆分为多个列

每一列都应该是它自己的DIV,这意味着您必须将文章预先拆分为三个部分。您可以手动执行此操作,但在后端编写一些php以编程方式分解本文可能不会那么麻烦


我通常会有一个全宽的容器div,然后在不同的列中有子div。

在问题中包括您的代码。提供一个fiddle或code@shahe问题中有一个指向该站点的链接,这是显示我遇到的问题的最佳方式。我不想在多个列上跨越一个div,我希望它读起来像报纸一样。CSS3 Columns属性应该允许我做我想做的事情(理论上),但事实并非如此。啊,好吧,我不好,你可以做你想看的事情:但是,我保证,要设计风格会困难得多!再次查看代码,您在p标记上设置了列样式,它应该在div标记上您修复了它--太棒了,谢谢@瑟拉克法尔康