zoukankan      html  css  js  c++  java

  • div设计中的文字垂直居中的方法

    CSS中怎样设置才能使对象中的文字垂直居中于对象，这个问题也是捆扰很多朋友的难题。现在网上的很多代码都做不到浏览器兼容。我把网上有关的方法整理了一下，做了些改动，完全可以兼容各主流浏览器。

    下面具体说一下在不同情况下垂直居中的方法。

    一、一行文字垂直居中

    看一下下面的代码：

    Code


    方法：line-height:20px。设置相同的行高和对象高度。

    说明：这种设置简单又兼容各种浏览器，支持内联对象。但如果是固定高度的对象，只能显示一行。当有两行文字时，如果不设置“overflow:hidden”会把对象撑开。

    二、多行文字，且高度自适应

    请看下面的代码： 

    Code
  • 相关阅读:
    Vue部分知识
    JAVA基础之Map接口
    浏览器渲染机制及五大浏览器、四大内核
    WebPack
    Gulp
    GC垃圾回收机制
    Git操作(及操作github)
    Git、Github和GitLab的区别及与SVN的比较
    Node.js介绍
    JAVA基础之Set接口
  • 原文地址：https://www.cnblogs.com/lzhdim/p/1407978.html
Copyright © 2011-2022 走看看