使用Javascript和CSS从左到右对齐

我有一行javascript，它创建了一个商店位置列表，并在地图下面创建了一个DIV。这些项目自上而下显示在页面上

我想将项目显示为3行，从左到右，从上到下

其功能是：

function createSidebarEntry(marker, name, address, city, state, zipcode, telephone, images, url) {
    var div = document.createElement('div');
    var html = "<p><a href='http://" + url + "'>" + name + "</a><br/>" + address + "<br/>" + city + ", " + state + " " + zipcode + "<br/>" + (formatPhone(telephone)) + "</p>";
    div.innerHTML = html;
    div.style.marginBottom = '5px'; 
    return div;
}

---

不幸的是，在处理利润等问题后，我似乎运气不佳。是否有人能够使用动态返回的数据并在三列中应用CSS格式？我一直在谷歌上搜索，我看到的一切都指向我在我的DIV容器中创建三列样式

我建议使用jquery创建元素。它更容易，更优雅

但问题的根源在于，您需要添加一个

float:left样式到您的div。这将把所有div放在同一行中

哦，尽量少用表格来布置页面上的元素。div和CSS是不错的选择。
我建议使用jquery创建元素。它更容易，更优雅

但问题的根源在于，您需要添加一个
float:left样式到您的div。这将把所有div放在同一行中

哦，尽量少用表格来布置页面上的元素。div和CSS是一个不错的选择。
尝试将父元素设置为固定的
宽度
，并将
浮动
应用于子元素，将
宽度
设置为
33%
。不要忘记在之后使用
清除
。
尝试将父元素设置为固定的
宽度
，并将
浮动
应用于子元素，将
宽度
设置为
33%
。不要忘记事后使用
清除
。
你也应该给你的文章一个更具描述性的标题。与你的实际问题相关的东西。@nthixel：如果你认为这篇文章可以改进，你可以自由提问+2代表你也这么做！你也应该给你的文章一个更具描述性的标题。与你的实际问题相关的东西。@nthixel：如果你认为这篇文章可以改进，你可以自由提问+2代表你也这么做！
#sidebar {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width:665px;
    font-size:10pt;
    font-family:Arial;
    color:#656668;
    display: table-cell;
}