Internet explorer 使用CSS的IE 8的3列输出

使用CSS（参见下面的CSS）在所有浏览器中都可以正常工作。不幸的是，正如预期的那样，它在IE8中不起作用。他们是我可以为IE 8获得类似3列输出的替代方法吗

#site-map .site-map-box {  
-webkit-column-count: 3;  
-moz-column-count: 3;  
column-count: 3;  
-webkit-column-gap: 250px;  
-moz-column-gap: 250px;  
column-gap: 250px; }

---

IE8中不支持CSS3列。您可以使用

div

s执行此操作，但这仅在您的内容是静态的情况下有效

例如：

<div style="overflow:hidden;">
    <div style="float:left; width:33%;">first third of content</div>
    <div style="float:left; width:33%;">second third of content</div>
    <div style="float:left; width:33%;">third third of content</div>
</div>

---

IE8中不支持CSS3列。您可以使用

div

s执行此操作，但这仅在您的内容是静态的情况下有效

例如：

<div style="overflow:hidden;">
    <div style="float:left; width:33%;">first third of content</div>
    <div style="float:left; width:33%;">second third of content</div>
    <div style="float:left; width:33%;">third third of content</div>
</div>

---

通常，作为我在旧浏览器中使用的替代方法，是将display:inline block设置为childs，其宽度为预期的列宽度减去列间距

它从左向右改变布局，然后画一条新线

我宁愿使用display而不是float，因为float元素可以挂在中间，其中内联框正好打断了线，并且可以在一条线上彼此垂直对齐

如果您真的需要一列一列地从上到下堆叠内容，并且没有任何间隙，那么您可以调整脚本服务器来构建您的列，或者使用javascript

---

Mansonry javascript可能就是您想要的：

通常，作为旧浏览器的替代方案，我使用的是将display:inline block设置为childs，其宽度为预期的列宽度减去列间距

它从左向右改变布局，然后画一条新线

我宁愿使用display而不是float，因为float元素可以挂在中间，其中内联框正好打断了线，并且可以在一条线上彼此垂直对齐

如果您真的需要一列一列地从上到下堆叠内容，并且没有任何间隙，那么您可以调整脚本服务器来构建您的列，或者使用javascript

Mansonry javascript可能就是您想要的：

duplicate-duplicate-