在网站设计中,我们都会用到表格,有时传图片或者添加网站内容时表格就会发生错乱的情况,如何解决这样的问题呢?一共有三种方法:
一、对表格进行限制(limit):
限制(limit)表格的大小,就可以解决问题,在<table>中加入属性(GOOGLE PRoperty)width(表格宽度)、cellspacing(表格中各个单元格之间的距离)、border(边框粗细),选择适合网站设计的尺寸就可以了,无论你传多大的图片,表格只有这么大,不会在变形(deformation),唯一的缺点就是图片会显示不完整。
例如:<table width=”800″ cellspacing=”0″ border=”0″>:
二、直接固定图片的大小:
除了设置表格的大小,我们还可以规定图片的大小,先看下表格是多大,然后在设置图片大小,图片属性(GOOGLE PRoperty):src(图片地址)、width(宽度)、height(长度)。因为这样会让图片变形(deformation),所以不推荐此方法。
例如:<img src=” width=”200″ height=”100″>:
三、用鼠标滚轮缩小/放大图片:
img {
max-width: 500px; width:expression(this.width > 500 ? “500px” : this.width)
}