网站设计之表格不变形的技巧

在网站设计中，我们都会用到表格，有时传图片或者添加内容时表格就会发生错乱的情况，如何解决这样的问题呢？一共有四种方法：

对表格进行限制 

限制表格的大小，就可以解决问题，在<table>中加入属性width（表格宽度）、cellspacing（表格中各个单元格之间的距离）、border（边框粗细），选择适合网站设计的尺寸就可以了，无论你传多大的图片，表格只有这么大，不会在变形，唯一的缺点就是图片会显示不完整。 例如：<table width="800" cellspacing="0" border="0"> 

直接固定图片的大小 

除了设置表格的大小，我们还可以规定图片的大小，先看下表格是多大，然后在设置图片大小，图片属性：src（图片地址）、width（宽度）、height（长度）。因为这样会让图片变形，所以不推荐此方法。 例如：<img src=http://www.shkufeng.com/login.jpg" width="200" height="100">

用鼠标滚轮缩小/放大图片 

img { max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width) } 更多网站设计技巧：http://www.shkufeng.com/html/c47/