居中神器

position:absolute;
top:50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,292评论 0赞 8
  • CSS3 Transform——transform-origin
    关于css3变形 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Tra...
    hopevow阅读 11,502评论 2赞 13
  • 大白（我是纯的）
    上次看到简友用HTML+CSS写了一个小叮当，这次我发愤图强，终于写出了这只大白 截的静态图，他的头其实是可以动的...
    _Crown阅读 5,825评论 9赞 38
  • 早安11.09H29
    亀亀今天好早，担心心你没睡好。 你推荐的歌早上听着正好 哈哈 很有元気(^^) 你确实也成长了。因为一个人越强大就...
    WoodSage阅读 2,962评论 2赞 1
  • 伴你同行二阶六课十一天，变是唯一的不变
    4.2.3 我怕…… 我常常用……方式攻击/防御 其实我投射了…… 4.2.4 我因为……而导致现在的结局 就是因...
    兮兮AX阅读 2,629评论 0赞 1