css居中方法详解
2024-10-06 08:03:55
水平居中：
通过设置父元素，让子元素内容居中：text-align:center;
通过设置子元素本身，让子元素居中：margin:0 auto;
以上方法生效的前提条件是子元素没有被float元素影响。
垂直居中：
一种方法是通过line-height属性，但是line-height是作用在父元素上，当子元素的line-height值与父元素的height值一致时，文字就垂直居中了。
还有一种方法是通过position属性，这种方法可以说是万能的
父元素加上：position:relative;
子元素使用：position:absolute;(防止子元素飘到外太空去)；
width:xxxpx;
height:xxxpx;
top:50%;
left:50%;
margin-top:-height/2(height值除以2的负值)
margin-left:-width/2(width值除以2的负值)
缺点就是必须对元素有确定的宽高值
最新文章
- Mysql数据库设置定时任务
- HTML5应用之文件拖拽上传
- log4net.NoSql +ElasticSearch 实现日志记录
- 容器---List和AbstractList
- 【转】Polymer API开发指南 (二)（翻译）
- 获取元素高度及定位js
- Everything
- HDU 1285
- SQL Server 损坏修复
- JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单
- UltraChart导出图片
- Android Intent的几种用法总结【转】
- UNIX基础--权限
- jenkins 中集成JNI的坑
- es6之Generator
- Python学习笔记012_网络_异常
- CUDA编程模型
- php接口签名验证
- python面试题收集
- 11.11 开课二个月零七天（ajax和bootstrp做弹窗）