美文网首页
内容垂直居中

内容垂直居中

作者: 低至一折起 | 来源:发表于2018-04-25 10:31 被阅读0次

方法一:

采用上下 padding 形式,将内容放置在垂直居中

.line {
    padding: 2% 0;
    text-align: center;
    height: 5px;
}
<div class="line">
  内容垂直居中
</div>

方法二:

采用高度与行高一直,保证内容只有一行,内容自然垂直居中

.line {
    text-align: center;
    height: 5px;
    line-height: 5px;
}
<div class="line">
  内容垂直居中
</div>

相关文章

  • 内容垂直居中

    方法一: 采用上下 padding 形式,将内容放置在垂直居中 方法二: 采用高度与行高一直,保证内容只有一行,内...

  • 2018-05-23

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

  • CSS居中布局方案

    水平居中 垂直居中 水平垂直居中

  • DIV内容垂直居中

    《虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处。比如表格布局中的垂直居中就...

  • CSS水平居中布局、垂直居中布局、垂直水平居中布局

    本章将介绍父子元素宽高不定的CSS水平居中布局、垂直居中布局、垂直水平居中布局。学习如何写出布局不是内容关键,解决...

  • 元素居中的方式

    1 水平居中 2 垂直居中 3 水平垂直居中

  • 常用的居中方法

    本文将介绍的居中方法有 ,水平居中,垂直居中和水平垂直居中。 一水平居中 二水平垂直居中

  • iOS UILabel 文字自动左上角对齐

    iOS中默认的UILabel是垂直居中对齐的,如果UILabel设置的高度较大,当内容少的时候,会自动垂直居中。 ...

  • 居中布局

    水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...

  • 让UILabel的文字顶部对齐

    默认UILabel是垂直居中对齐的,如果你的UILabel高度有多行,当内容少的时候,会自动垂直居中。 如下图所示...

网友评论

      本文标题:内容垂直居中

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