用户在编辑器中随意上传图片,难免会遇到图片宽度超出前台显示区域,严重影响页面展示美观度。。。。
两步搞定方法:
1、书写在内容显示区域DIV中控制img标签最大宽度。
2、js清除用户设定宽度。
问题HTML 例如:
<div css="con"><img src="......" width="1000" height="1000" /></div>
如代码中所示,图片一般都会超出指定范围。
处理方法:
<script type="text/javascript">
$(document).ready(function (e) {
$(".con img").css({ "height": "auto", "width": "auto" });
})
</script>
<style>.con img{ max-width:500px;}</style>