做网页、论坛贴图、写部落格。只要有需要上传图片的机会,就一定常碰到这问题。一旦不小心上传一个大于版面的图片,轻则内容被盖住,重则排版全乱掉,画面惨不忍睹。
一般的css处理方法都是靠 over-flow:hidden; 来达成的。但这样做有个缺点,跑出去的内容会被隐藏起来。如果文字跟着被隐藏的话就看不到了。
在这里提供一个同样用css的解决办法吧,能够自动调整图片大小。其实在Mozilla系列浏览器中都支持Max与Min的大小设定,只要css做这样处理,就能限定任何元素的最大或最小长宽。
|
|
||
让图片自动适应div大小做网页、论坛贴图、写部落格。只要有需要上传图片的机会,就一定常碰到这问题。一旦不小心上传一个大于版面的图片,轻则内容被盖住,重则排版全乱掉,画面惨不忍睹。 一般的css处理方法都是靠 over-flow:hidden; 来达成的。但这样做有个缺点,跑出去的内容会被隐藏起来。如果文字跟着被隐藏的话就看不到了。 在这里提供一个同样用css的解决办法吧,能够自动调整图片大小。其实在Mozilla系列浏览器中都支持Max与Min的大小设定,只要css做这样处理,就能限定任何元素的最大或最小长宽。 |
||
|
||
|
|
||
| JPAGE_CURRENT_OF_TOTAL |