如何在一个块中用css制作两个colums？

我想用这个html有两列。我怎么做到的？如何在一个块中用css制作两个colums？

<div class="main-box"> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_2">Column 2</div> 
 
\t <div class="col_2">Column 2</div> 
 
\t <div class="col_2">Column 2</div> 
 
</div>

不幸的是，我不能让两个div并把每个col_n到correspoinding列。我的html是由drupal生成的，我不知道如何以其他方式生成它。

来源

2017-06-13 Andy Core

当然你的问题应该问如何修改HTML？ – BenM

'.main-box {column-count：2;}'不适用于您的HTML吗？ – bleistift2

Css肯定是可编辑的。但我所拥有的不是一个文本，因此列数不适用于我。 –

一种方法是浮动的一些内容：

.col_1 { 
 
    float: left; 
 
    clear: left; 
 
}

<div class="main-box"> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_2">Column 2</div> 
 
    <div class="col_2">Column 2</div> 
 
    <div class="col_2">Column 2</div> 
 
</div>

来源

2017-06-13 14:48:40 j08691

如何在一个块中用css制作两个colums？

回答

相关问题