为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

为什么要设置;text-align:left;它不会跟margin-left:auto;margin-right:auto;冲突吗，，效果是要让content这一块居中

#content{width:980px;text-align:left;margin-left:auto;margin-right:auto;height:600px;overflow:hidden;}

summer乐

2016-11-20

源自：初识HTML(5)+CSS(3)-升级版  1-1

关注问题 我要回答
2088
操作
收起

正在回答

5 回答

雪梨不吃梨
2016-11-20

margin 设置的是外边距，影响的是块的位置，而 text-align 影响的是块中的内容

0 回复 有任何疑惑可以回复我~
收起回答
慕粉2031386915
2016-11-20

text-align:left设置的是文本的内容相对于content这一部分的位置，而不是设置块元素本身的位置。

margin:auto则是影响了块本身的位置。

想象桌子上有个装着苹果的盒子，text-align:left影响的是苹果在盒子里的位置，会让苹果靠着盒子左边放；而margin-left跟right：auto使块元素居中，相当于搬起整个盒子放到桌子中央。

0 回复 有任何疑惑可以回复我~
收起回答
慕移动0201386
2016-11-20

text-align 是规定内容的 margin设置的是外边框

0 回复 有任何疑惑可以回复我~
收起回答
慕粉2010337812
2016-11-20

因为text-align:left是行间样式，具有最高优先权。

0 回复 有任何疑惑可以回复我~
收起回答
Only_FF
2016-11-20

因为text-align是来规定文字的，而margin是用来规定div等模块的

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1222598    人
  • 解答问题       18209    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答为什么margin-left:auto;没有居中效果

1 回答为何居中要设置外边距margin的左右数值？

2 回答为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个，但结果跟一个设置一样，中间不加倍空？

2 回答margin中的20px是什么效果

1 回答我用text-align:center;设置没有反应，但是可以用margin:0 auto;实现居中 这是为什么
搜索更多本课相关问答

为什么要设置;text-align:left;它不会跟margin-left:auto;margin-right:auto;冲突吗，，效果是要让content这一块居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信