0

我正在编写一个使用外部 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 个不同的列,并且一个部分/列中的文本重叠到另一个不应该存在的部分/列中。

有没有办法可以做到这一点,以便我可以为每个创建格式而不影响其他?

4

0 回答 0