盒子模型关于嵌套关系、margin:0 auto与text-align区别
来源:互联网 发布:数据分析ppt分享 编辑:程序博客网 时间:2024/06/06 07:32
1.如果两个盒子是嵌套关系, 那么设置了里面一个盒子顶部的外边距, 外面一个盒子也会被顶下来
2.如果外面的盒子不想被一起定下来,那么可以给外面的盒子添加一个边框属性
3.在企业开发中, 一般情况下如果需要控制嵌套关系盒子之间的距离, 应该首先考虑padding, 其次再考虑margin
margin本质上是用于控制兄弟关系之间的间隙的
注意点: 1.在嵌套关系的盒子中, 我们可以利用margin: 0 auto;的方式来让里面的盒子在外面的盒子中水平居中 2.margin: 0 auto; 只对水平方向有效, 对垂直方向无效
text-align:center;和margin:0 auto;区别
text-align: center;作用
设置盒子中存储的文字/图片水平居中
margin:0 auto;作用
让盒子自己水平居中
0 0
- 盒子模型关于嵌套关系、margin:0 auto与text-align区别
- margin:0 auto 与 text-align:center 的区别
- margin:0 auto 与 text-align:center 的区别
- margin:0 auto 与 text-align:center 的区别
- 【转】margin:0 auto 与 text-align:center 的区别
- 居中 margin:0 auto与text-align:center的区别
- margin:0 auto 与 text-align:center 的区别 基
- 论text-align:center与margin:0 auto的区别。
- margin auto;与text-align:center;的区别
- margin auto 实现居中,与text-align:center的区别
- margin:0 auto 和text-align:center的区别是什么???
- text-align:center 和margin:0 auto的区别
- text-align:center 和margin:0 auto的区别
- margin: 0 auto;和text-align: center;的区别
- 【Web前端】text-align 和 margin: 0 auto 的区别
- text-align:center和margin:0 auto的区别
- 小细节:margin:0 auto 与 text-align:center 的区别
- margin:auto与text-align:center
- 版本库从svn转到git
- 92. Reverse Linked List II
- 使用gradle构建Spring boot项目
- 传统机器学习算法包及使用
- LeetCode刷题【Array】 Missing Number
- 盒子模型关于嵌套关系、margin:0 auto与text-align区别
- 怎样动态更换APP图标
- socket功能介绍的简单例子
- 在Androidstudio上面开发Reactnative所需要的配置
- dpkg命令的详细使用教程
- maven项目报:Project configuration is not up-to-date with pom.xml. Run Maven->Update Project
- SpringMVC中使用Interceptor拦截器的使用
- Android使用intent调取导航或者地图
- 杭电ACM第1002题——A + B Problem II