让元素水平垂直居中冷门方法-js教程-PHP中文网

首页

web前端

js教程

让元素水平垂直居中冷门方法

Mar 12, 2018 pm 04:42 PM

垂直居中

这次给大家带来让元素水平垂直居中冷门方法，让元素水平垂直居中的注意事项有哪些，下面就是实战案例，一起来看一下。

&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;style&gt;
        div{            position: absolute;            width: 400px;            height: 300px;            background: pink;            margin:auto;            left:0;            top:0;            right:0;            bottom: 0;
        }    &lt;/style&gt;&lt;/head&gt;&lt;body&gt;
    &lt;div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

Python编写的通知栏脚本启动工具

使用flv.js与video.js做一个视频直播效果

如何使用js-xlsx之单元格样式

如何使用canvas来制作好用的涂鸦画板

如何使用js-xlsx之合并单元格

以上是让元素水平垂直居中冷门方法的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn