1/1, 1«1»
Tags: DIV, CSS, 自适应

做RC4.0皮肤的时候因为原有的脚本突然失效,对于脚本不太好的我来讲,搞了很久也没有解决问题,不能使用特效还是小事,麻烦的是,日志中的图片一旦超过了层的尺寸就会溢出,用overflow的属性来定义,又不太好,毕竟是机械的裁切隐藏掉了,并非按比例显示出来,后来努力在网上搜索了一些方法,发现一种比较好用的,一来做个记录,而来帮助需要的朋友。以下举个例子先:

例如:

  1. <style type="text/css"> 
  2. <!--  
  3. #text {  
  4.     width:630px;  
  5.     float:left;  
  6. }  
  7. --> 
  8. </style> 
  9. </head> 
  10.  
  11. <body> 
  12. <div id="text"> 
  13.     <p><img alt="" src="/Attach/Matter/200906/633796660246438250_1.jpg" /></p> 
  14. </text> 
  15. </body> 
  16. </html> 

像以上情况的话,图片一旦超过了630PX,要么图片浮出层,要么把层撑变形,我们更不能死板的要求用户完全按照你限定的尺寸上传图片,这样就需要对显示随机图片的区域进行定义,以往的解决方法就是加入脚本,配合CSS来限制图片的尺寸,但是对于纯粹的美工来讲,多少麻烦一些。那就自然用到CSS了。如果用OVERFLOW来定义溢出的话,图片也是仅仅被切割隐藏了,效果不佳。在网上搜索后得到一个方法,就是样式中加入以下代码:

所属分类: [ 点点滴滴学技术 ] | 评论(0) | 浏览: [ 2851 ] | 作者: 帅豆
1/1, 1«1»
Processed in 0.1183 second(s), 12 queries
2011年合作伙伴:苏州中铁快运 上海大众搬场 昆山中铁快运 合肥中铁快运 上海大众搬家 南京中铁快运 苏州中铁快运 苏州德邦物流 上海物资回收 无锡中铁快运 上海快运电话上海宅急送电话上海德邦物流电话 宅急送电话 上海强生物流 合肥中铁快运 上海蚂蚁搬家 苏州中铁快运 南京中铁快运 南京中铁快运 深圳中铁快运 广州中铁快运 上海制冰厂 苏州中铁快运 苏州制冰厂 昆山制冰厂 无锡制冰厂 苏州中铁快运 上海中铁物流 苏州中铁快运 苏州中铁快运 昆山德邦物流 无锡德邦物流 苏州德邦物流 苏州佳吉快运 上海中铁快运 苏州中铁快运 昆山中铁快运 上海德邦物流 苏州货运 上海华宇物流 南京中铁快运 上海联邦物流 昆山中铁快运 昆山中铁电话 上海德邦物流 上海德邦物流 苏州中铁快运 南京中铁快运 上海宅急送