seo博客分享:网站设计之表格不变形的技巧

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

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

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

一、对表格进行限制(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)
}

作者:张国维博客

张国维博客网站-仅提供分享专业的seo优化,网站建设,网络推广,编程开发,信息安全等有干货的互联网资讯!

发表评论

张国维seo博客是一个免费为大家提供网络营销教程seo教程网络安全新媒体营销微信营销seo工具互联网资讯网站!

维维一笑网 Copyright ©2015-2024 All Rights Reserved  粤ICP备20063688号    粤公网安备 44152102000036号  网站地图