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

网站建设 SEO优化 94℃ 0评论
《seo博客分享:网站设计之表格不变形的技巧》由【张国维seo】于2018年02月10日整理发布!

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

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

一、对表格进行限制(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博客分享:网站设计之表格不变形的技巧

喜欢 (0)or分享 (0)