版权声明：若想转载，请在显眼的地方附上文章来源。 https://blog.csdn.net/Abudula__/article/details/81940452
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div.box{
margin: 0 auto;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="box">
<p>wo shfa khfa lfkhal alkf af </p>
</div>
</body>
</html>
效果如下：
始终感觉marign:0 auto；没能用起来，后来查发现一些问题，并总结如下：
首先注意我们要用的marign 是针对的是inline还是block元素，如果是块级元素的话，必须需要宽度。如果我们想要的居中图片的话，需要display:block;使图片成为块级元素（因为图片元素使行内元素，更准确的讲，使inline-block元素)。然后就可以了。
对于inline或者inline-block元素，text-aling:center;就可以了。
另一点使margin:auto;不适用于设置float的情况。