中国设计联盟
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
网站建设
中国福网
中国互联
艺魂宝库网
时代网
招聘求职
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> CSS样式控制图片裁切方法

CSS样式控制图片裁切方法

来源:中国设计秀    作者:    点击:62     加入收藏
   我们在论坛新闻系统的时候,其中的有些图片会比较大破坏了整体布局的美观,现通过CSS定义方式使图片进行裁切显示,即,当图片的容器不足以显示整个图片时,会以左上角为开始显示,不足显示的将会隐藏。相关各位同仁也有此想法。 现有以下CSS样式,所以贴出来同各位WEB 开发者共享! 
  当然有人用img 的onload 事件对其宽高进行js控制,不过经招有时会因网页加载过快,或过慢而来不及执行,现向大家推荐代码如下,自行研究。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.divClass{height:100%;width:100%;overflow:hidden;Margin-bottom:5px}
</style>
<title>COPY数据到ID群集中by ID | 图片CSS定义裁切显示| 文字的宽度自适应缩放</title>
</head>
<body >
<div id="airzen" class="divClass"><img src="/ShowImg.asp?p=/2006-4-27/7456454187236.jpg"></div>
</body>
  说明:以上样式你可以自己定义,但要保留overflow:hidden;

 

0
顶一下
2007-08-27 15:17:00    出处:
Google
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口