自丢网
标题: css如何让一个张图片在盒子中水平垂直居中代码样式 [打印本页]
作者: admin 时间: 2020-7-23 20:57
标题: css如何让一个张图片在盒子中水平垂直居中代码样式
css如何让一个张图片在盒子中水平垂直居中代码样式,网站建设中经常会使用到图片在盒子居中,下面我们看下如何实现这个功能。
- <head>
- <meta charset="utf-8">
- <title>无标题文档</title>
- <style>
- .box{
- width:300px;
- height:300px;
- border:1px solid #000;
- text-align:center;/* 水平居中 */
- line-height:300px;
- }
- img{
- vertical-align:middle; /* 垂直居中 */
- }
- </style>
- </head>
- <body>
- <div class="box">
- <img src="3.jpg" width="100" height="100" />
- </div>
- </body>
复制代码
(, 下载次数: 212)