图片垂直居中对齐_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:18:241068瀏覽
<!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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn