                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

2127

操作

收起

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)-升级版

参与学习 1225769 人
解答问题 18233 个

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这一块居中

我要回答关注问题

热搜

最近搜索清空

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

5 回答

本课相似问答

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