CSS样式控制图片裁切显示
来源:互联网 发布:如何分析线上销售数据 编辑:程序博客网 时间:2024/04/29 09:50
我们在论坛新闻系统的时候,其中的有些图片会比较大破坏了整体布局的美观,现通过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;
- CSS样式控制图片裁切显示
- CSS样式控制图片裁切显示
- CSS样式控制图片裁切显示
- CSS样式控制图片裁切显示
- CSS样式控制图片裁切显示
- css控制图片翻转样式
- 用css样式控制超链接颜色显示
- js控制多种css样式依次显示
- 图片居中显示的css样式代码
- 通过CSS控制图片显示的大小
- 用CSS来控制图片显示大小
- html css 控制图片局部显示
- css 在不同媒介的显示样式控制
- 单元格长度固定,多余文字显示... CSS样式控制
- css样式控制tr中文字超出后折行显示
- CSS 控制边框样式
- CSS控制鼠标样式
- CSS控制鼠标样式
- java中Timer和timertask使用例程
- 用java SDK/bin目录下的native2ascii将ApplicationResources.properties中的中文转化成unicode码实现国际化
- 测试管理工具的比较和借签
- Hacking Without Exploits
- ASP.NET程序中常用的三十三种代码
- CSS样式控制图片裁切显示
- Analytics: Reaching Outside Security
- 设计网页的下拉菜单
- C#中处理XML文档的方法
- 最近做了几套工具栏图标
- PKI学习系列-基本概念
- Linux 下的实时流媒体(RTP)编程
- NUnit 初探
- JSP的九个隐含对象