Html 跨多个列的CSS列跨度

我正在使用display:table和display:table单元格构建我的列

是否可能在另一个跨2根柱的柱跨中有一根柱

我试过span专栏：但这一切似乎都不起作用

.column容器{
显示：表格；
边界塌陷：塌陷；
边缘底部：10px；
}
.列容器.col-5-with-rule{
显示：表格单元格；
垂直对齐：顶部；
宽度：150px；
左边界：无；
左侧填充：0；
右侧填充：9px；
}
.column容器.col-5-with-rule~.col-5-with-rule{
左边框：1px实心#d1d1；
左侧填充：9px；
右侧填充：9px；
}
.柱容器。col-span-2{
柱跨：全部；
}
表单元格

让我跨越成两列

表单元格

您可以将

col-span-2

s位置设置为绝对位置，然后将其定位到您想要的任何位置

---

Fiddle：

您可以将

col-span-2

s position设置为absolute，然后将其定位到任何需要的位置

---

Fiddle：

根据您希望在其中使用的上下文，您可以使用引导构建网格

下面是使用Bootstrap3实现所需的HTML标记

<div class = "row">
    <div class = "col-xs-2">
        Table cell
    </div>
    <div class = "col-xs-2">
        Table cell
    </div>
</div>
<div class = "row">
    <div class = "col-xs-4">
        Make me span into 2 columns.        
    </div>
</div>

表单元格
表单元格
让我跨越成两列。

拨弄

为Bootstrap 2做标记

<div class = "row">
    <div class = "span2">
        Table cell
    </div>
    <div class = "span2">
        Table cell
    </div>
</div>
<div class = "row">
    <div class = "span4">
        Make me span into 2 columns.        
    </div>
</div>

表单元格
表单元格
让我跨越成两列。

---

根据您希望在其中使用的上下文，您可以使用引导构建网格

下面是使用Bootstrap3实现所需的HTML标记

<div class = "row">
    <div class = "col-xs-2">
        Table cell
    </div>
    <div class = "col-xs-2">
        Table cell
    </div>
</div>
<div class = "row">
    <div class = "col-xs-4">
        Make me span into 2 columns.        
    </div>
</div>

表单元格
表单元格
让我跨越成两列。

拨弄

为Bootstrap 2做标记

<div class = "row">
    <div class = "span2">
        Table cell
    </div>
    <div class = "span2">
        Table cell
    </div>
</div>
<div class = "row">
    <div class = "span4">
        Make me span into 2 columns.        
    </div>
</div>

表单元格
表单元格
让我跨越成两列。

---

在引导程序2中是否有相同的方法？在引导程序2中是否有相同的方法？