Heim >Web-Frontend >HTML-Tutorial >图片垂直居中对齐_html/css_WEB-ITnose
图片垂直居中对齐_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 11:18:241162Durchsuche
<!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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：107@365Html网页设计…_html/css_WEB-ITnoseNächster Artikel：如何解决PC端和移动端自适应问题？_html/css_WEB-ITnose