margin{0 auto}与text-align{center}有什么区别？老搞混

margin{0 auto}与text-align{center}有什么区别？老搞混，要居中情况下，该用哪个呢？

qq_妮玛_0 2017-08-23

源自：项目：网页布局案例 2-8 主体部分的底部

收起

3回答

小丸子爱吃菜 2017-08-23 18:03:12

你可以给上面的代码添加浮动试一下

收起回答

提问者 qq_妮玛_0 2017-08-23 17:35:05

margin{0 auto}是对块级元素；text-align是对元素内容居中，；那么浮动float对这两有什么影响？

收起回答

小丸子爱吃菜 2017-08-23 17:19:19

text-align 属性规定元素中的文本的水平对齐方式。

margin:0 auto；针对的是元素在页面中的水平对齐方法。

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    div {
        width: 500px;
        height: 500px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid red;
    }
    </style>
</head>
 
<body>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio fuga laboriosam quae accusantium error, maiores omnis quam odio culpa consequatur in iusto, esse nobis nam sed at commodi vero et!
    </div>
</body>
 
</html>