关于HTML里用margin居中的问题
2017-02-19 00:00
211 查看
居中也分两类,水平居中和垂直居中
首先是水平居中
最简单的居中就是整个页面里就一个div,居中代码:margin : num px auto;(num是距离页面上沿的距离)
第二个情况是div1里套了个div2,要让div2在div1里居中,代码:.div2{ margin: num px auto; },不过这里要注意,div1中要加上overflow: hidden,否则num不起作用
第三个情况是div1里有两个div,分别是div2和div3,代码和上一个情况一样
第四个情况是div1里也有两个div,分别是div2和div3,但是这两个div要在一行中显示,并且整体要居中,这种情况我的做法是再创建一个div4,把div2和div3放进去,div4的width就是div2和div3的整体的width的一致,然后执行.div4{ margin: num px auto; }即可
关于垂直居中,其实我并没有什么太好的办法,我目前的做法是根据高度算出居中的位置,然后用
margi-top调整
首先是水平居中
最简单的居中就是整个页面里就一个div,居中代码:margin : num px auto;(num是距离页面上沿的距离)
第二个情况是div1里套了个div2,要让div2在div1里居中,代码:.div2{ margin: num px auto; },不过这里要注意,div1中要加上overflow: hidden,否则num不起作用
第三个情况是div1里有两个div,分别是div2和div3,代码和上一个情况一样
第四个情况是div1里也有两个div,分别是div2和div3,但是这两个div要在一行中显示,并且整体要居中,这种情况我的做法是再创建一个div4,把div2和div3放进去,div4的width就是div2和div3的整体的width的一致,然后执行.div4{ margin: num px auto; }即可
关于垂直居中,其实我并没有什么太好的办法,我目前的做法是根据高度算出居中的位置,然后用
margi-top调整
相关文章推荐
- HTML关于居中的问题
- 关于css+div margin 居中问题 和边距合并
- 关于IE6中无法使用margin:0 auto居中的问题终极解决方案
- 关于html水平垂直居中的问题小结
- html 遇到margin居中的问题
- 关于IE6中无法使用margin:0 auto居中的问题解决方案
- 关于html中 居中 问题小结
- [转载]关于jsp页面margin:0 auto;不居中的问题
- 关于网页居中的问题
- 关于html中script和ActiveX交互的问题
- HTML中,关于元素的高度与宽度的问题
- 关于html编辑器的回车换行问题解决方案
- 关于在php中html标签的转换问题的解决
- 当层无法运用margin:0 auto居中问题的解决!
- 解决 HTML 转到 XHTML 中,表格(Table)不能居中的问题。align="center" 过时问题
- 关于iReport制作报表在程序中导出html时的图片显示问题
- 关于JSP生成静态HTML问题
- 关于HTML,input radio的奇怪问题。
- 关于垂直居中的问题
- 关于HTML中onchange事件与onkeyup事件的冲突问题