美文网首页
多行文本固定高度垂直居中

多行文本固定高度垂直居中

作者: 450c9311d760 | 来源:发表于2016-07-22 18:46 被阅读31次

话不多说直接上代码!

html:

<div id="Mian">

      <div id="List">居中居中居中居中居中居中</div>

</div>

css:

#Mian{

      width:500px;

      height:200px;

      background:#6cf;

      text-align:center;

      display:table;

}

#List{

        vertical-align:middle;

        display:table-cell;

        padding:0 30px;

        text-align:center;

}

相关文章

  • CSS面试题(一)

    一、垂直居中,多行文本垂直居中? 1、单行文本垂直居中设置高度height和行高line-height,使高度he...

  • 多行文本固定高度垂直居中

    话不多说直接上代码! html: 居中居中居中居中居中居中 css: #Mian{ width:50...

  • 多行文字的水平垂直居中

    单行文字垂直居中 知道容器的高度即可 html css 多行文字垂直居中 html css 多行文本溢出用省略号表...

  • css文字垂直居中

    1、确定高度单行垂直居中 2、确定高度多行文本垂直居中 translate(兼容ie9以上浏览器,包含ie9;此方...

  • 2018-05-23

    div高度不固定,垂直居中的方法-汇总 1、高度宽度不固定,内容区域垂直居中

  • [html+css]HTML+CSS基础课程:垂直居中

    分为两种情况:父元素高度确定的单行文本,以及父元素高度确定的多行文本。 垂直居中--父元素高度确定的单行文本 父元...

  • 2016-12-19

    多行文本垂直居中 单行文本居中方式:line-height但是多行文本使用 line-height 的话会出错,就...

  • CSS复习

    解决文字对齐 多行文本省略: 文字垂直居中 margin(外边距)合并 div的高度是由他内部文档流中元素高度总和...

  • css居中完全指北

    css的水平垂直居中问题太常见了,整理一波 行内单行文本 行内元素的水平居中比较常见 行内元素多行文本的垂直居中,...

  • 大小不固定的图片和多行文字的垂直水平居中

    大小不固定的图片和多行文字的垂直水平居中一、大小不固定,多行文字的垂直居中① 单行文字可能很多人都知道如何让单行文...

网友评论

      本文标题:多行文本固定高度垂直居中

      本文链接:https://www.haomeiwen.com/subject/xlqxjttx.html