css 文字和div垂直居中-白红宇

css 文字和div垂直居中

阅读量：5878 次

发布时间：2019-06-19

本文共 439 字，大约阅读时间需要 1 分钟。

1.单行文字垂直居中

单词文字居中比较简单，只要height和line-height相等即可,多余属性可以忽略


    
         asdasdasd

2.多行文字垂直居中

可以用tabel+tabel-cell来实现


    
         
     
          asdasdasdas    asdasdasd

3.div水平垂直居中

如果知道尺寸的话可以用负margin来实现

这里还有种方法是用margin:auto

如果用css3的话，可以用translate

而且还可以用flexbox，flexbox可以做的事情很多，打算专门再总结一下，这里主要利用主轴和侧轴来实现居中

align-items是侧轴对齐，justify-conten是主轴对齐

转载于:https://my.oschina.net/369679209/blog/349566

你可能感兴趣的文章

DOCKER windows 7 详细安装教程

Java多线程设计模式(2)生产者与消费者模式

查看>>

基于whoosh的flask全文搜索插件flask-msearch

php晚了8小时 PHP5中的时间相差8小时的解决办法

查看>>

JS(JavaScript）的初了解7（更新中···）

for/foreach/linq执行效率测试

查看>>

js /jquery停止事件冒泡和阻止浏览器默认事件

查看>>

杭电1698--Just a Hook（线段树，区间更新）

查看>>

长春理工大学第十四届程序设计竞赛（重现赛）I.Fate Grand Order

查看>>

好作品地址

查看>>

[翻译]Protocol Buffer 基础: C++

查看>>