网页设计图怎么居中（网页设计图怎么居中显示）

本文目录一览：

• 1、怎么让一张图片在网页中居中显示

怎么让一张图片在网页中居中显示

html中使图片居中的代码是： 怎样让html中的img标签居中显示？首先我们需要打开电脑，找到DW软件的快捷键，双击打开之后，新建一个html页面。

首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用img标签创建一张图片，使用p标签创建两个文字。然后在test.html文件内，设置div的class属性为mydiv。

图片的宽度和高度是未知的，没有一个固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中，想想感觉还是挺麻烦的，由于最近的项目可能会用到这个方案，所以把一些常用的方法都收集整理了一下。

浏览器运行index.html页面，此时图片在盒子中是居中显示的。

让一张图片在网页中居中显示，主要通过把图片放在div中，利用css中的position位置属性来实现。下面小编举例讲解css怎么让一张图片在网页中居中显示。