`

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>

 

  • 大小: 96.4 KB
0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics