css 图片水平垂直居中

最新推荐文章于 2024-04-09 22:31:08 发布

xiong12345677_

最新推荐文章于 2024-04-09 22:31:08 发布

阅读量412

点赞数 1

分类专栏： JaveScript 文章标签： css

本文链接：https://blog.csdn.net/xiongqian_/article/details/103971288

版权

JaveScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
img {
    
  max-width: 20%;
	display: table;
   
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
	
	h2{
        text-align:center;
    }
</style>
</head>
<body>

<h2>图片居中对齐</h2>
<p>要让图片居中对齐, 可以使用 margin: auto; max-width可为100%</p>

<img src="//static.runoob.com/images/mix/paris.jpg" alt="Paris" style="width:80%">

</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiong12345677_

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 图片水平垂直居中

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>img { max-width: 20%; display: table; overflow:...
复制链接

扫一扫