找回密码
 立即注册

QQ登录

只需一步,快速开始

michael

银牌会员

22

主题

57

帖子

3974

积分

银牌会员

积分
3974

活字格认证

michael
银牌会员   /  发表于:2012-3-28 21:51  /   查看:6023  /  回复:3
1.想在某个单元格内即显示图片又显示文字 于是想到了ImageCellType
设置某个单元为ImageCellType 同时添加文字。但是文字出现在图片的下方 有没有办法能让文字在上图片在下

2.能否让图片自动适应单元格大小,就是说如果这个图片高度和宽度太大的话 让按照单元格的大小来显示

3 个回复

倒序浏览
iceman
社区贡献组   /  发表于:2012-3-29 10:13:00
沙发

回复 1# michael 的帖子

michael 你好:

请参考代码进行设置:
后台
  1.    FarPoint.Web.Spread.ImageCellType imagecell = new FarPoint.Web.Spread.ImageCellType();
  2.             imagecell.ImageUrl = @"images\Tulips.jpg";
  3.             //设置文字在图片上
  4.             imagecell.TextOnRight = false;
  5.             //设置图片自动适应单元格大小
  6.             imagecell.CssClass = "test";
  7.             FpSpread1.ActiveSheetView.Cells[1, 1].Text = "imagecell";
  8.             FpSpread1.ActiveSheetView.Cells[1, 1].CellType = imagecell;
复制代码
CSS 样式:
  1.     <style type="text/css">
  2.         .test img
  3.         {
  4.             width:100%;
  5.             height:100%;
  6.         }
  7.     </style>
复制代码
回复 使用道具 举报
michael
银牌会员   /  发表于:2012-3-29 13:12:00
板凳
第一个问题已经解决了
但是第二个问题 按照你的代码设置后还是不行 图片高度很大的话会把单元格撑高,设置百分比也不行。
(不知道是不是合并单元格后加入图片的原因)。
回复 使用道具 举报
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2012-3-29 14:18:00
地板
通过上面的方法根据所在列宽的宽度,对图片进行宽高等比例缩放,缩放之后的宽度等于所在列的宽度

如果你希望图片缩放之后不会高度不大于所在行的高,可以使用下面的CSS样式,不过这样不是对图片进行等比例缩放:
  1. <style type="text/css">
  2.     .test img
  3.     {
  4.         width: 100%;
  5.         height: 100%;
  6.         max-height: 22px;/*  所在行的高度 */
  7.     }
  8. </style>
复制代码


或者:
  1. <style type="text/css">
  2.     .test img
  3.     {
  4.         max-height: 22px;/*  所在行的高度 */
  5.     }
  6. </style>
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部