几种简单的垂直居中方式

1. flex中的align-item

.box1{display: flex;justify-content:center;align-items:Center;
}

2. tabel + tabel-cell

.box{display:tabel;
}
.sub{display: table-cell;vertical-align: middle;
}

3. transform方式(多用于列表图片不规整的居中显示)

.box{height: 2rem;overflow: hidden;
}
.sub{margin-top: 1rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);
}

转载于:https://www.cnblogs.com/vonson/p/9517877.html

几种简单的垂直居中方式相关推荐

CSS里总算是有了一种简单的垂直居中布局的方法了
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><me ...
统计学中几种简单的检验方式
1.零假设首先假定零假设成立,然后求出某统计量达到如此极端的概率是多少定义零假设,如果得到的值大于表上的值,则出现零假设的概率很小,则拒绝零假设 2.假设检验 2.1.T检验 t检验主要用于样本含 ...
一种简单快速的方式实现 Android App 的夜间模式
博主声明: 转载请在开头附加本文链接及作者信息,并标记为转载.本文由博主威威喵原创,请多支持与指教. 本文首发于此博主:威威喵 | 博客主页:https://blog.csdn.net/ ...
几种简单的滤波方式（未完）
从统计学的观点来看,凡是统计特征不随时间变化的噪声称为平稳噪声,而统计特征随时间变化的噪声称为非平稳噪声.幅值基本相同,但是噪声出现的位置是随机的,称为椒盐噪声:如果噪声的幅值是随机的,根据幅值大小的 ...
怎么把m4v转换为mp4？分享几种简单的处理方式
怎么把m4v转换为mp4?M4V和MP4都是视频格式,二者的区别在于M4V格式是由苹果公司封装的,主要用于iTunes媒体库中.而MP4格式则相对更加通用,可以在不同的媒体播放器和设备上播放.因此,将 ...
如何将m4a音频转换mp3格式，5种简单方法帮你处理
如何将m4a音频转换mp3格式?这个问题想必在工作生活中经常遇到吧.为什么要将m4a音频转换mp3格式呢?首先,M4A是一种较新的高质量音频文件格式,通常用于存储高保真度的音频文件,例如音乐录音室的原 ...
java 调用关系_【Java基础】几种简单的调用关系与方法
直接上代码吧. class lesson4AB //同一个类下的public修饰的方法A,B可以相互调用 { public void A() { B();//等价于this.B(); } public ...
webp转换成jpg，试试看这几种简单的转换方法
如何将WebP格式转换为jpg?WebP格式是由谷歌公司开发的一种新型图片格式,相较于传统的JPG格式,它能够提供更高的压缩率和更快的加载速度,同时保持图片的高质量.然而,目前并不是所有的浏览器都支持 ...
【页面传值6种方式】- 【JSP 页面传值方法总结：4种】 - 【跨页面传值的几种简单方式3种】...
页面传值--最佳答案6种方式: 一. 使用QueryString变量 QueryString是一种非常简单也是使用比较多的一种传值方式,但是它将传递的值显示在浏览器的地址栏中,如果是传递一个或多个安全 ...
android无感刷新下拉分页,GitHub - TakWolf/Android-RefreshAndLoadMore-Demo: 一种简单的并且优雅的方式实现下拉刷新和加载更多的分页效果。...
Android - RefreshAndLoadMore Demo 一种简单的并且优雅的方式实现下拉刷新和加载更多的分页效果. 包含 ListView 和 RecyclerView 两种组件的对应实现 ...

几种简单的垂直居中方式

几种简单的垂直居中方式相关推荐

最新文章

热门文章