Maison >interface Web >tutoriel HTML >图片垂直居中对齐_html/css_WEB-ITnose
图片垂直居中对齐_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:18:241069parcourir
<!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="finish.png" alt="图片垂直居中对齐_html/css_WEB-ITnose" > </div></body></html>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：107@365Html网页设计…_html/css_WEB-ITnoseArticle suivant：如何解决PC端和移动端自适应问题？_html/css_WEB-ITnose