如何在网页当中让多张图片居中

1、打开dw软件，新建一个文档

2、首先写入以下代码，在li {float:left;list-style:none;margin:3px;display:block;width:100px;height:100px;}

div{width:318px;height:100px;margin:0 auto;}

3、写入图片的代码

<div>

   <li><img src="xxxx" style="width:100px;height:100px;" /></li>

  <li><img src="xxxx" style="width:100px;height:100px;"/></li>

  <li><img src="xxxx" style="width:100px;height:100px;"/></li>

</div>

我们这里设置图片的宽和高均为100px

4、此时我们看下实时视图。

5、我们也可以加个边框，但是我们要把像素在加6px；

6、我们看下实时视图。