首页 > 其他 > 详细

文字垂直居中且自动换行

时间:2019-02-15 16:57:22      阅读:148      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>demo</title>
  <style type="text/css">
    .box {
      width: 500px;
      height: 300px;
      border: 1px solid #FFF;
      background-color: #999;
      display: table;
    }

    .wrap {
      display: table-cell;
      vertical-align: middle;
    }
  </style>
</head>

<body>
  <div class="box">
    <div class="wrap">
      我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行固定宽度的文字自动换行并垂直剧中固定宽度的文字自动换行并垂直剧中
    </div>
  </div>
 </body>

</html>

文字垂直居中且自动换行

原文:https://www.cnblogs.com/myshy/p/10384248.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!