分享一个可以让DIV实现居中齐的方法

2022-07-15 分类：网站建设

无意中在网站看到一属性可以让一个DIV实现居中，个人觉得很好，想起以前自己学习CSS时候也曾经接触过实现DIV居中的方法，看过css彻底研究一本书，中讲到用三个DIV的方式，实现代码长，代码不易理解，现在想想，时代的变化真快！下面就分享一下，用vertical-align:middle可以很简单地解决。

就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图：

这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直。

接下来看一下它的html代码:

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3<html xmlns="http://www.w3.org/1999/xhtml"> 4<head> 5<title>404页面title> 6head> 7<body> 8<div class="wall"> 9<a href="index.html"><img class="img404" src="/upload/pic17/images/404.jpg" alt="404页面"/>a>10div>11body>12html>

网页题目：分享一个可以让DIV实现居中齐的方法
本文URL：/news45/178645.html

成都网站建设公司_创新互联，为您提供虚拟主机、搜索引擎优化、域名注册、软件开发、品牌网站设计、全网营销推广

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容