css实现多行文字及图片垂直居中容易又实用的方法

css实现多行文字及图片垂直居中简单又实用的方法

 

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #demo {
            display: table-cell;
            vertical-align: middle;
            border: 3px solid #0f0;
            width: 300px;
            height: 600px;
        }
    </style>
</head>

<body>
    <div id="demo">
        <img width=150 height=220 src="./img9.jpg"> 11111111111111511111111151111111115111111111522222文字文字文字文字文字文字文字文字文字文字文字文字 文字文字文字文字文字文字文字文字文字文字文字文字 文字文字文字文字文字文字文字文字文字文字文字文字
    </div>
</body>

 

相关内容推荐