>웹 프론트엔드 >HTML 튜토리얼 >图片垂直居中对齐_html/css_WEB-ITnose

图片垂直居中对齐_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-06-24 11:18:241125검색

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style type="text/css">    *{        padding:0;        margin: 0;    }    .box{            margin:30px auto;        width:400px;        height:400px;        line-height:400px;        border: 1px solid #bbb;    }    .box img{        display:inline-block;        width:100%;        vertical-align:middle;    }    </style></head><body>    <div class="box">        <img  src="/static/imghwm/default1.png"  data-src="finish.png"  class="lazy" alt="图片垂直居中对齐_html/css_WEB-ITnose" >    </div></body></html>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.