我们非常头疼数据把页面撑破的现象,在近期项目改版中遇到,导过来的内容大部分把页面撑破,想了想闪过一个想法如下。不能说这个方法能限制所有,但是临时解决了我目前所遇到的问题,并且这个方法的可扩展不同的html标签,方法会持续更新更多限制,一点点的强化方法。目前只是初步的简约的方法。
<!--内容标签撑破页面方法(参数化)开始-->
<script src="show.aspx_files/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function () {
//alert("加载完成测试")
if ($(\'#zoom img\').width() > 650) {
$(\'#zoom img\').attr("width", 650)
}
Content_label("zoom","div,p",900,700)
//参数1=id 参数2=html标签 参数3=最大宽度 参数4=限制宽度
//alert($("#zoom p").width())
//$("#zoom p").width("50%");
})
function Content_label(id,str,mxwidth,smwidth)
{
//alert(id)
//alert(str)
//alert(mxwidth)
var strs= new Array(); //定义一数组
strs=str.split(","); //字符分割
for (i=0;i<strs.length ;i++ )
{
if ($("#"+id+" "+strs[i]).width()>mxwidth)
{
$("#"+id+" "+strs[i]).width(smwidth);
}
}
}
</script>
<!--内容标签撑破页面方法(参数化)结束-->