gpt4 book ai didi

html - 仅使用纯 html 和 css 在多个列上添加 html 内容?

转载 作者:太空宇宙 更新时间:2023-11-03 18:39:43 25 4
gpt4 key购买 nike

我不确定之前是否有人问过这个问题,但到目前为止我似乎找不到解决方案。如果你看一下报纸的布局

http://inspirationhive.com/wp-content/uploads/2012/08/Design-a-Grungy-Newspaper-Web-Layout-in-Photoshop-500x585.jpg

以2列为例(在'HEADING EXAMPLE'下),通常如果有文本,它只会填满第一列,但随着文本的增长,它会继续向下扩展......

我的问题是,我能否安排 html 和 css,当第一列达到一定高度时,它会自动在第二列继续?

原因是因为它在创建CMS模板时会非常灵活......

最佳答案

是的,你可以使用

p {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

参见 jsfiddle

您可以在 http://www.w3schools.com/css3/css3_multiple_columns.asp 阅读有关此属性的更多信息

关于html - 仅使用纯 html 和 css 在多个列上添加 html 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17877503/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com