html中图片居中[html的图片怎么居中]
作者：cuteur发布时间：2023-01-28分类：Html实例教程浏览：21评论：0
导读：html居中图片的方法：首先新建网页，在body部分新建一个img标签，并指定一张图片；然后将图片套在一个p或者span标签中，给标签添加一个值为【text-align:cente...
html居中图片的方法：首先新建网页，在body部分新建一个img标签，并指定一张图片；然后将图片套在一个p或者span标签中，给标签添加一个值为【text-align:center】的style属性即可。
本教程操作环境：windows7系统、html5版，DELL G3电脑。
html居中图片的方法：
首先我们需要新建一个html页面。
然后在body部分新建一个img标签，并指定一张图片。
在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在正中央显示。
将图片套在一个p或者span标签中，给标签添加一个值为text-align:center的style属性即可。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style="text-align: center;">
<img src="a.png" alt="">
</p>
</body>
</html>相关学习推荐：html视频教程
以上就是html的图片怎么居中的详细内容，更多请关注知识分享网其它相关文章！
相关推荐
欢迎 你 发表评论:
- Html实例教程排行
-
- 1首页轮播图是什么[京东轮播图是怎么实现的？京东轮播图代码]
- 2html中加横线[如何在HTML中插入一行？html横线标签hr全新讲解]
- 3html,xml,xhtml的区别联系[如何区分HTML和XHTML？HTML和XHTML的区别在哪？]
- 4html超链接字体颜色怎么改？超链接字体颜色的更改方法总结[设置超链接的字体颜色怎么改]
- 5html超链接的下划线怎么去掉？a标签去下划线的方法都在这里[html超链接下划线怎么取消]
- 6html下划线怎么设置？html下划线样式实例分析[html设置下划线代码]
- 7html中滚动条的代码是什么？如何设置html滚动条？[html怎么设置滚动条可以滚动]
- 8html头部标签有哪些[浅谈关于HTML5头部<meta>标签的小知识]
- 9canvas判断坐标在图形[canvas 学习 3---画坐标系]
- 标签列表
- 网站分类
- 最近发表