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) | 浏览: 1039 | 作者: 帅豆
1/1, 1??1??
快播电影 快播电影 性 开网店的步骤 美的空调维修 ******公司