栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

用js 让图片在 div或dl里 居中,底部对齐

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

用js 让图片在 div或dl里 居中,底部对齐

解决图片长宽大于容器,一边长一边宽,小于容器
在ff,ie里都通过
这里是js代码:
复制代码 代码如下:

 
   考高分网 www.jb51.net New document 
  
  
  
  
  
*{margin:0px; padding:0px; font-size:12px;  }
body{ font-size:0.8em; color: #333;}
ul{ list-style:none}
.clear:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;}
img{border:0px;}
.clear1{    clear: both; width: 100%; height: 1px; overflow: hidden;}
a{ text-decoration: none; color:#404040 }
body{ background:#f7f3d0 url(../images/bg.jpg) repeat-x left 210px;}

#pic{border:1px solid #000; width:800px; height:auto!important;height:300px; min-height:300px;background:#fff}
#pic dl{width:215px;height:200px; overflow: hidden;border:1px solid #000;margin:10px;float:left}
#pic dt{height:161px; width:209px;overflow:hidden;border:1px solid red;text-align:center}

  
 
 

 
 



图片1





图片1




图片1





图片1





图片1





图片1





图片1





图片1





图片1





图片1





图片1





图片1



 



包太大上传不了,我把html文件放上来,自己放图片看看就行了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119488.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号