css如何让一个张图片在盒子中水平垂直居中代码样式，网站建设
中经常会使用到图片在盒子居中，下面我们看下如何实现这个功能。

  1. <head>
  2. <meta charset=”utf-8″>
  3. <title>无标题文档</title>
  4. <style>
  5.         .box{
  6.                 width:300px;
  7.                 height:300px;
  8.                 border:1px solid #000;
  9.                 text-align:center;/* 水平居中 */
  10.                 line-height:300px;
  11.         }
  12.         img{
  13.                 vertical-align:middle;        /* 垂直居中 */
  14.         }
  15. </style>
  16. </head>
  18. <body>
  19. <div class=”box”>
  20.         <img src=”3.jpg” width=”100″ height=”100″ />
  21. </div>
  22. </body>

复制代码

1536982634757.png (10.56 KB, 下载次数: 85)

下载附件

css如何让一个张图片在盒子中水平垂直居中代码样式

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。