css實現文字垂直居中且自動換行
阿新 • • 發佈：2019-01-25
<!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>