Html 如何在没有文本对齐的情况下在div中居中？

如何在不使用

文本对齐：居中的情况下，将
包装中的正方形居中


我需要这个，因为它也将所有文本置于正方形的中心，但我不需要这个

HTML：

    <div id="wrapper">
        <div id="squares">
            <div class="square">lol</div>
            <div class="square">lol</div>
            <div class="square">lol</div>
            <div class="square">lol</div>
            <div class="square">lol</div>
            <div class="square">lol</div>
            <div class="square">lol</div>
        </div>
    </div>

----另一种方式（我不推荐！）

如何找到52px：（div的宽度-（#正方形的宽度*一个正方形的宽度））/#正方形的宽度+1->
（960-（250*3））/4

您可以尝试：

.squares {
    margin-left:auto;
    margin-right:auto;
}

由于它是您正在设置样式的方框内的文本，您可以在文本周围放置
H
或
p
标记，然后
text align:left它们。
为什么不直接将
文本对齐：左
添加到
.square
？@JanDvorak他需要边距他可以将边距设置为正方形而不是正方形…只有在保证元素具有特定宽度的情况下，您的替代解决方案才会起作用，并且如果以后宽度发生变化，那么返回并更改边距将是一件痛苦的事情。改变路线是最简单的解决方案。是的，我知道你是对的@cimmanon。如果Kirix坚持不使用文本对齐：居中，我给出了另一种选择。这解决了我的问题+1.
#wrapper{
    ...
    text-align: center;
}
.square {
    ...
    text-align: left;
}

#wrapper{ 
... 
padding-left:52px; 
} 
.square {
...
margin: 10px 52px 10px 0;
}

.squares {
    margin-left:auto;
    margin-right:auto;
}