Css divs对齐布局

Css divs对齐布局,css,css-float,responsive-design,html,Css,Css Float,Responsive Design,Html,我对css divs对齐有问题。 我认为路线不对。现在在左边,最好居中 我试过用潜水杆和浮标,但没用。有可能解决这个问题吗 谢谢。也许可以尝试将div postwrapper放在foliogrid div中,然后在foliogrid上放一个文本对齐中心。这种布局通常需要大量使用Javascript。 其中一种方法是创建N个列,并使用JS+hide/show使用@media查询动态填充这些列。在本例中,HTML的格式如下: <div class="content"> <d

我对css divs对齐有问题。 我认为路线不对。现在在左边,最好居中

我试过用潜水杆和浮标,但没用。有可能解决这个问题吗


谢谢。

也许可以尝试将div postwrapper放在foliogrid div中,然后在foliogrid上放一个文本对齐中心。

这种布局通常需要大量使用Javascript。 其中一种方法是创建N个列,并使用JS+hide/show使用@media查询动态填充这些列。在本例中,HTML的格式如下:

<div class="content">
    <div class="column">
        <div class="post">
        ...
        </div>
        <div class="post">
        ...
        </div>
    </div>
    <div class="column">
        <div class="post">
        ...
        </div>
        <div class="post">
        ...
        </div>
    </div>
</div>

如果你能提供更多的细节,你会得到更详细的答案和更少的反对票。

ok!我将尝试检查MediaQuery。
@media all and (max-width:1000px) {
    .column{width:50%;} /*that would make two equal columns
    when the screen width <=1000 */
}

@media all and (max-width:1500px) {
    .column{width:33.3333%;} /*that would make three equal columns
    when the screen width <=1500 */
}

.post {width:100%;}
.column {float:left;}