解决phpcms图片太大撑破表格图片自适应图片按比例缩小
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
上面的代码会出现2个问题！
1.会把图片变的非常小。要刷新一次才能正常显示！
2.图片不会按比例缩小，图片严重变形！
修改如下：
<!-- Begin CSS 控制图片大小 09.1.15 -->
<style type="text/css">
<!--
img,a img{
border:0;
margin:0;
padding:0;
max-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : 'auto';);
} -->
</style>
<!-- End CSS 控制图片大小 09.1.15 -->
把上面的代码放在网页模板的 <head></head>之间。
解决phpcms图片太大撑破表格图片自适应图片按比例缩小的更多相关文章
- <转载>CSS解决图片过大撑破DIV的方法
DIV+CSS网页内容中如果插入大于DIV层宽度显示,过大的图片将会撑破网页宽度显示从而网页严重变形,您是否遇到过?这里DIVCSS5给大家介绍几种解决图片撑破撑开网页DIV层方法. 图片撑破宽度解决 ...
- 解决持久化数据太大，单个节点的硬盘无法存储的问题；解决运算量太大，单个节点的内存、CPU无法处理的问题
需要学习的技术很多,要自学新知识也不是一件容易的事,选择一个自己比较感兴趣的会是一个比较好的开端,于是,打算学一学分布式系统. 带着问题,有目的的学习,先了解整体架构,在深入感兴趣的细节,这是我的计划 ...
- markdown 插入图片太大？怎么设定图片大小？
你一定在插入图片的时候,遇到图片太大,影响观感的问题. Markdown中,图片大小的设定方式有两种 第一种: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 纯css的防止图片撑破页面的代码图片会自动按比例缩小
- css-background-image 背景图片太大或太小
.zoomImage { background-image:url(images/yuantiao.jpg); background-rep ...
- 用max-width来防止图片溢出---不兼容ie6-----将max-width设置成父元素的宽度，当图片过大时会换行，以及限制图片的宽度。但是如果使用table，仍然可能超出限制。
img{ max-width:100%; height:auto; } 如题.
随机推荐
- ruby-rails 环境搭建
https://ruby-china.org/wiki/install_ruby_guide
- rubymine配置 rspec
If you go in Run > Edit Configurations... And select All Specs in <Your Project> you'll see ...
- 基于Maven的Springboot+Mybatis+Druid+Swagger2+mybatis-generator框架环境搭建
基于Maven的Springboot+Mybatis+Druid+Swagger2+mybatis-generator框架环境搭建 前言 最近做回后台开发,重新抓起以前学过的SSM(Spring+Sp ...
- 基于spring-redis发布订阅模式的实现
redis配置: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http ...
- JDBC中的事务-Transaction
事务-Transaction 某些情况下我们希望对数据库的某一操作要么整体成功,要么整体失败,经典的例子就是支付宝提现.例如我们发起了支付宝到银行卡的100元提现申请,我们希望的结果是支付宝余额减少1 ...
- try-catch中的finally块
finally块定义在catch的最后,只能出现一次. 无论程序是否出错都会执行的快板!无条件执行
- ELK stack elasticsearch/logstash/kibana 关系和介绍
ELK stack elasticsearch 后续简称ES logstack 简称LS kibana 简称K 日志分析利器 elasticsearch 是索引集群系统 logstash 是日志归集集 ...
- [技巧]把Excel里的数据插入到数据库里的方法
.如果先在6行数据的最后一列在插入一列数据,请先把列名写好,然后再第一行的该列下输入数字, 然后选中该单元格向下拖拽一个单元格然后就能看到黑色的小框, 双击右下角黑色的小点,6行数据就 会填上默认的第 ...
- Sqlserver中存储过程，触发器，自定义函数（一）
Sqlserver中存储过程,触发器,自定义函数 1.存储过程有关内容存储过程的定义:存储过程的分类:存储过程的创建,修改,执行:存储过程中参数的传递,返回与接收:存储过程的返回值:存储过程使用游标. ...
- WayPoint寻路
寻路在游戏开发中的重要性,不用多说了.从大型ARPG游戏到小规模体验游戏,都会不同程度的用到寻路功能. 塔防类游戏,战棋类游戏经常用到waypoint(路径)寻路. 下面我们来介绍一下waypoint ...