HTML – 如何在没有文本对齐的div中居中？

概述如何在不使用text-align：center的情况下将包装器中的方块居中？ 我需要这个,因为它也将所有文本都放在正方形中,但我不需要这个. HTML： <div id="wrapper"> <div id="squares"> <div class="square">lol</div> <div class="square">lol 如何在不使用text-align：center的情况下将包装器中的方块居中？
我需要这个,因为它也将所有文本都放在正方形中,但我不需要这个.

HTML：

<div ID="wrapper">        <div ID="squares">            <div >lol</div>            <div >lol</div>            <div >lol</div>            <div >lol</div>            <div >lol</div>            <div >lol</div>            <div >lol</div>        </div>    </div>

CSS：

HTML,body{    height: 100%;}body {    line-height: 18px;}#wrapper{    wIDth: 960px;    height: 100%;    border: 1px solID red;    margin: 0 auto;}.square {    wIDth:251px;    height:207px;       border: 1px solID #d6d6d6;    -webkit-Box-shadow: 1px 1px 3px rgba(0,.1);    -moz-Box-shadow: 1px 1px 3px rgba(0,.1);    Box-shadow: 1px 1px 3px rgba(0,.1);    margin: 10px;    overflow:hidden;    position:relative;    background-color:#fff;    display: inline-block;    cursor: pointer;}

解决方法

#wrapper{    ...    text-align: center;}.square {    ...    text-align: left;}

—-另一种方式(我不推荐！)

如何找到52px 总结

以上是内存溢出为你收集整理的HTML – 如何在没有文本对齐的div中居中？全部内容，希望文章能够帮你解决HTML – 如何在没有文本对齐的div中居中？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。