如何在网页当中让多张图片居中
在网页当中，如何在网页当中让多张图片居中呢。其中记住一些关键代码即可。
操作方法
- 01
打开dw软件，新建一个文档
- 02
首先写入以下代码，在li {float:left;list-style:none;margin:3px;display:block;width:100px;height:100px;} div{width:318px;height:100px;margin:0 auto;}
- 03
写入图片的代码 <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
- 04
此时我们看下实时视图。
- 05
我们也可以加个边框，但是我们要把像素在加6px；
- 06
我们看下实时视图。
赞 (0)