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>

 

猜你喜欢

转载自cobain-li.iteye.com/blog/2312273