<html>
<head>
<meta >一、是用表格元素，对每张进行定位。
<table><tr>
<td><img src=pic1jpg border=0></td>
<td><img src=pic2jpg border=0></td>
</tr></table>
二、使用有序列表<li></li>列表，通过自定义样式实现多元素同行显示。
css样式定义每个<li>在父元素宽度上做整除，即可同行显示所有元素。
1、首先打开hbuilder软件，新建啊一个html文件并在里面创建一个div容器，容器设置class属性名为container，div内设置一个。
2、然后在上方style标签中设置container的样式，为了观察方便，设置div的高度和宽度以及背景色，并设置margin属性让div居中。再设置img的属性，让它的display为inline内联元素，在设置float属性为left就可以居中了。
3、最后打开浏览器，可以看到是顶在div容器的左上角的，说明是居左对齐的。
<div class="imgbox"><img src=""><img src="">
</div>
代码如上所示，默认是竖直排列，你想要的应该是水平横排列，只需要在css中添加如下样式
imgbox{overflow:hidden;}imgbox img{float:left};
其中第一个样式是为了清除浮动对其他元素的影响
纯手打，望采纳，谢谢！！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）