养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML怎样使图片居中

时间:2024-11-10 18:56:37

初学HTML时,我们常用居中方法都为align=center,然而这并不能使图片居中。本敖疼熘涝教程介绍怎样使用HTML进行图片居中。

HTML怎样使图片居中

工具/原料

联系小新14

window10

vscode任意版本

方法/步骤

1、首先打开VScode,将鼠标移到资源管理器,点击新建一个html文件。

HTML怎样使图片居中

2、按住shift+1(椹巷蹁尖横向的数字键盘,目的是输入感叹号)然后会显示提示,按下回车键确定,得到HTML基本骨架

HTML怎样使图片居中

3、插入一个img标签,插入一张图片,然后使用align=center,我们发现并不能居中。

HTML怎样使图片居中

HTML怎样使图片居中

4、插入一个div标签,将img标签嵌入在蟠校盯昂div标签内,对div标签使用align=center,此时就可以实现图片居中了。

HTML怎样使图片居中

HTML怎样使图片居中

© 一点知识