野百合也有春天

野百合也有春天,Miss宋个人博客,记录web前端成长和学习历程的个人博客,前端博客,佛山博客网站!

多图片并行显示

        昨天写了篇文章,在后面附了几张图,放上去是列式显示的,但是我想把它们放成模排显示出来,我尝试着写样式,结果花了很多时间也没见到想要的效果。后来,只好请教师傅,在他的指引下就写成了这样:
 
  <div style="float:left;width:700px:margin:0">
 
  <ul  style="list-style:none;margin-left:0;">
 
  <listyle="float:left;width:165px:list-style:none;padding-right:5px;text-indent:-2.5em;">
 
  <imgsrc="/uploads/allimg/180124/1_1. jpg"width="157"/></li>
 
  <listyle="float:left;width:165px:list-style:none;padding-right:5px;">
 
  <imgsrc="/uploads/allimg/180124/1_2. jpg"width="157"/></li>
 
  <listyle="float:left;width:165px:list-style:none;padding-right:5px;">
 
  <imgsrc="/uploads/allimg/180124/1_3. jpg"width="157"/></li>
 
  <listyle="float:left;width:165px;list-style:none;">
 
  <imgsrc="/uploads/allimg/180124/1_4. jpg"width="157"/></li>
 
  </ul>
 
  </div>
 
  <br/>
 
  大家看看,谁还有其它写法也可以回复我,多谢赐教!

转载请注明出处:Miss宋个人博客 - http://www.skj993.cn/html/biji/19.html

评论