Rumah >hujung hadapan web >html tutorial >图片垂直居中对齐_html/css_WEB-ITnose
图片垂直居中对齐_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:18:241072semak imbas
<!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>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：107@365Html网页设计…_html/css_WEB-ITnoseArtikel seterusnya：如何解决PC端和移动端自适应问题？_html/css_WEB-ITnose