本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来html的元素水平垂直居中应该怎么设置,设置html的元素水平垂直居中的注意事项有哪些,下面就是实战案例,一起来看一下。我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。
到现在为止,探讨了很多种方法。
HTML:
1 2 3 4 5 |
|
第一种: CSS绝对定位
主要利用绝对定位,再用margin调整到中间位置。
父元素:
1 2 3 4 5 6 7 |
|
子元素:
1 2 3 4 5 |
|
水平垂直居中对齐:
1 2 3 4 5 6 7 |
|
第二种: CSS绝对定位 + Javascript/JQuery
相关阅读 >>
在Html中如何点出head标签?head标签中包含的元素有哪些?
Html的meta标签有什么用?Html中meta标签属性的相关用法
Html marquee标签如何设置图片滚动?marquee标签的图片滚动代码实例
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者