如何制作网页 如何制作网站 如何建网站 网站制作公司 设为首页 | 加入收藏 | 付款方式 | 联系我们
  6013612 6884510
 
网站制作常见问题
最新热门文章
 
新建网站如何打败老网站
企业建网站打好网络营销战
建网站如何提高关键词相关度
建网站流程
如何轻松建网站
智尔网络建网站详细流程
企业建网站解决方案
建网站应规划好哪几项
新建网站做好外链的重点
智尔网络建网站分享心得
 
 
 
  网站制作套餐价格
  网站推广服务介绍
  进入客户中心
  建网站问题解答
 
如何制作网页 当前位置:智尔网站制作公司 > > 如何建网站  
建网站时如何防止表格被撑破
智尔网站制作公司 2010-06-21 07:10:08 作者:智尔网络

  建网站经常会遇到表格被撑破的情况,有时候明明看到很好的表格,传上空间却乱了,为了防止表格被撑破,可以如下操作。

  一、使用<img src="pic.jpg" onload="javascript:if(this.width>300){this.resized=true;this.style.width=300;}">

  这种方法会在调用图片的时候,会自动按比例缩小到指定的宽度,不会引起图片的变形,并且也不会撑破表格,因此就不会引起页面显示的错乱。但也有一个缺点,如果图片太大,在显示图片过程(下载过程)中,还是会先以图片原大小显示,这时就会撑破表格,页面很难看。当然,当图片完全显示之后会自动缩小的。

  二、使用<img src="pic.jpg" width="400" height="300">直接固定图片的大小。

  这种方法不会引起页面显示的错乱,但是显示的图片经常是变形了的,所以这种方法最不推荐了。

  三、为了防止图片撑破表格,在上述基础上,对表格进行限制:

  在表格的标签<table>中加入一些限制代码,<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">就可以有效地防止表格被撑开了。

  四、更进一步,用鼠标滚轮可以缩小放大图片的代码:

  <script type=text/javascript>

  function bbimg(o){

  var zoom=parseint(o.style.zoom, 10)||100;zoom+=event.wheeldelta/12;if (zoom>0) o.style.zoom=zoom+%;

  return false;

  }

  </script>

  使用方法如下:

  <img src="pic.jpg" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>500){this.resized=true;this.style.width=500;}">

  也可以用样式:

  img {

  max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width)

  }

  通过以上四种方式就可以防止表格被撑破,表格不被撑破,那网页会更漂亮。

 
关于智尔 联系智尔 客户中心 付款方式 友情链接
我们提供最具性价比的网站建设、网站制作服务,专业网站制作公司

智尔网络科技 版权所有 冀ICP备10010435号   业务受理热线:133 3138 7263 24小时销售值班电话: 155 3311 5675   客服QQ:6013612   6884510