css实现文字垂直居中且自动换行

最新推荐文章于 2024-08-12 15:57:18 发布

Alin_leeon

最新推荐文章于 2024-08-12 15:57:18 发布

阅读量1.5w

点赞数

分类专栏： web前端 css

本文链接：https://blog.csdn.net/Alin_leeon/article/details/68922065

版权

web前端 css 专栏收录该内容

3 篇文章 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>