我正在编写一个使用外部 CSS 表的示例页面,我试图将页面上的内容分成 3 个不同的部分(左、中、右),这样基本上一个部分在左侧,一个在中间一个在右边。我尝试这样使用列:
.column {
/* setting the number of columns to 3 */
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
/* setting the space between columns to 30px */
-webkit-column-gap: 52px;
-moz-column-gap: 30px;
-o-column-gap: 30px;
column-gap: 30px;
}
但这只是将内容分成 3 个不同的列,并且一个部分/列中的文本重叠到另一个不应该存在的部分/列中。
有没有办法可以做到这一点,以便我可以为每个创建格式而不影响其他?