普通的css样式技巧

垂直居中

1、多行文字垂直居中

给文字容器的父容器设定display:table,给文字容器设定vertical-align:middle

2、不固定宽高的块级元素垂直居中

容器绝对定位,左右50%,使用transform:translate(-50%,-50%)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • div水平居中的N种方法 一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它...
    fredah阅读 5,950评论 0 1
  • 原文地址:CSS各种居中实现方式 CSS居中是每次布局都需要面对的问题,但是同一个居中方法并不是任何元素都能使用的...
    薛普定朗谔克阅读 815评论 1 13
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,788评论 0 2
  • 今天和一位95岁的爷爷闲谈,他说,“他活得这么大,后来的时光都在拿来回忆,和他从小玩到大的,都已经故了,”他向...
    赤骆阅读 347评论 0 0
  • 1981年,我家老爸在庆元的街上听到有人曾经去过广州一德路,在那里有个收购站会收农副产品,也会收香菇。老爸一听,心...
    柚稚妈妈阅读 1,182评论 30 149