分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

css中居中方法小结

发布时间:2023-09-06 01:20责任编辑:苏小强关键词:暂无标签

---恢复内容开始---

1.文字垂直居中

.header_nav-item{ ????????height:38px; ????????line-height:38px; ?}

 即文字所在模块的高度和行高设置成一样的!

2.块元素垂直居中与父元素 

.header_wrap{ ?????height:80px; ?????position:realitive;} .header_logo{ ?????height:38px; ?????position:absolute; ?????top:50%; ?????margin-top:-19px}

  即父元素设置成相对定位,子元素设置成绝对定位,且子元素中top为50%,margin-top为-(负)height的一半。是一种比较经典的块元素居中法!

3.块元素(容器)水平居中    

.header_warp{ ??margin: 0 auto;}

即元素上下为0,左右设置成自动!

总之是很基础的方法,但经常用到,应该熟记!

---恢复内容结束---

css中居中方法小结

原文地址:http://www.cnblogs.com/jianghao233/p/7731999.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved