html怎么才可以让图片居中

关注:94 发布时间:2021-08-26 10:58:04

导语本文整理了html怎么才可以让图片居中经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

使用html绘制页面时,适当的图形布局可以使内容更具吸引力。这里有一个简单的方法把图片放在html的中心

详细介绍方法/步骤

打开记事本或其他代码编辑器,创建一个新的html文件,如下所示

用浏览器打开这个html文件,可以看到如下图所示的效果。这张图片在整页的左边

图片居中可以通过html中的align属性控制,图片的div增加align="center "

在浏览器中再次打开这个页面文件,效果如下,图片已经显示在中央。

我们还可以通过样式文件实现图片的中心显示。这里我们以类选择器为例,将class="img_center "添加到图片层,然后在style标签中定义样式,如下所示

在浏览器中打开这个文件,效果如下,发现图片也可以显示在中央

猜你喜欢

热门it技术经验

360微商频道查询入口