垂直居中的几种方法
来源:互联网 发布:网络短信平台软件 编辑:程序博客网 时间:2024/06/08 03:14
1、display: flex;
span{ display: flex; align-items:center;}
2、display: table-cell;
display: table-cell;vertical-align: middle;
3、 line-height
这种方法只适用于已知高度的情况
div{ height: 30px; line-height: 30px;}
4、 定位+位移
div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
5、 margin
div{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 20px; height: 20px; margin: auto;}
0 0
- div 垂直 居中的几种 方法
- 垂直居中的几种实现方法
- 垂直居中的几种实现方法
- 实现垂直居中的几种方法
- 图片垂直居中的几种方法
- div垂直居中的几种方法
- 文本垂直居中的几种方法
- CSS垂直居中的几种方法
- css垂直居中的几种方法
- css3垂直居中的几种方法
- 垂直居中的几种方法
- 元素垂直居中的几种方法
- 水平垂直居中的几种方法
- 水平垂直居中的几种方法
- 元素垂直居中的几种方法
- div盒子水平居中垂直居中的几种方法
- css的几种垂直居中的方法
- 关于div的垂直居中的几种方法
- H Intelligent Parking Building 河南第十届ACM真题 【模拟】
- linux学习的几个网站
- Git Book读书笔记--git储藏和清理&&搜索
- 多文件中函数的重复定义
- 程序员面试金典——字符串排列______
- 垂直居中的几种方法
- 验证码只能为大写输入
- 2.输入一个链表,从尾到头打印链表每个节点的值
- 为什么 ++[[]][+[]]+[+[]] = 10?
- Sql Server数据库事务介绍(一)---什么是事务
- jQuery 表单选择器
- 操作系统基础
- JAVA---IO流
- G480BISO英文对照详解