Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:18:24
Original
1057 people have browsed it

<!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>
Copy after login

Related labels：
图片垂直居中对齐
source：php.cn
Previous article：107@365Html网页设计…_html/css_WEB-ITnose Next article：如何解决PC端和移动端自适应问题？_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Vertically rotated table title, centered + bottom aligned, cross-browser I have a table with rotated headers that looks as expected in Chrome, but not in Firefox. ...
From 2024-04-04 16:45:25
0
1
330
Create a navigation bar similar to toast ui home page My source of inspiration I wanted to make a navigation bar like this: Toastui Home Page Wh...
From 2024-04-01 18:34:38
0
1
240
Reactjs SVG icons are different sizes despite the same css This is my first time building a website using reactjs. I've been using ReactJS icons from...
From 2024-04-01 13:18:38
0
1
355
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template