首页 > 网页制作 > CSS

css实现元素水平垂直居中常见的两种方式实例详解

admin CSS 2022-02-06 13:22:10 css   元素   水平垂直居中"

一、父元素的flex布局实现元素的水平垂直居中

示例代码如下:




  
  
  
  Document
  


  

效果图如下:

二、绝对定位&负margin值实现元素水平垂直居中

注意:元素本身需要确定宽度和高度

示例代码如下:




  
  
  
  Document
  


  

效果图如下:

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对潘少俊衡的支持。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/CSS/76868.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持