margin{0 auto}与text-align{center}有什么区别？老搞混
margin{0 auto}与text-align{center}有什么区别？老搞混，要居中情况下，该用哪个呢？
36
收起
正在回答 回答被采纳积分+1
3回答
小丸子爱吃菜
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>可以试一下上面的代码，去掉text-align或者margin看看有什么变化！
祝学习愉快！
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星