一张完整的图片 想用它填充可以自适应的 table

以CSS Spirit的方式，可以用于给四边及四个角的图像定位填充，中央的填充，需要单独一张图像，这样，有两张图像即可完成。

document.getElementById("div2").style.height=document.getElementById("div1").offsetHeight+"px";} else{ document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+"px";} } --> </script> 下面是图片随着div自动拉伸的层 <divstyle="background-image...

background-size: 100% 100%;--这里是背景图片的大小，用百分比表示就可以随div的大小改变了。}

若是让图片做一个背景进行平铺，则可以使用，background-repeat:repeat；若只是想让那一张图片被撑开，则可以使用:background-size:cover；-webkit-background-size:cover；-moz-background-size:cover；但是这要注意的是，这个属性只有高级浏览器才能支持。比如chrome或者firefox或者IE9以上的属性。

若是让图片做一个背景进行平铺，则可以使用，background-repeat:repeat；若只是想让那一张图片被撑开，则可以使用:background-size:cover；-webkit-background-size:cover；-moz-background-size:cover；但是这要注意的是，这个属性只有高级浏览器才能支持。比如chrome或者firefox或者IE9以上的属性。

如果你是初学者建议先用TABLE布局，简单明了，但缺点就是太死板，没DIV+CSS灵活。自适应宽度对于简单的页面没什么大问题，而且省事，但对于复杂的页面就不行。就拿img标签来说吧，如果你不定义宽和高，那你图片的大小就无法控制，图片多大就在页面显示多大，如果图片很大，那你还得用图像制作软件把图片...

1、将table边框都设置成0，宽度和高度都不显示，自适应图像大小：border="0"（边框为0）、cellpadding="0"（填充为0）、cellspacing="0"（间距为0）代码如下所示：<table border="0" cellpadding="0" cellspacing=""> <tr> <td><img src="https://gss0.bdstatic.com/7051cy792sgCpNK...

1、页面大的时候它也变大但是大到它本身的尺寸的时候，再扩大页面它就不大了！设置最大宽高为图片的宽高~！代码如下：<div style="max-width:395px; max-width:744px"><img src="images/zs_img01.gif" style="width:100%; height:100%; " /></div> 2、例子：<div style="width:50%...

作为一个身处 2008 年末的 Web 设计师,你是否好意思承认自己的代码中使用了 Table,如果是,你是一个有勇气的人,Web 设计是个奇怪的行业,你可以将自己的网站设计得像晚报的分类广告,或者楼道里的开锁广告,但千万别让人知道你使用了 Table,在你的源代码中发现 Table 就像一个销售被人掀起裤脚发现穿了白袜子一样...

改成百分比的形式就好了 把 height="100px"改成height="100%" width 那条也是 width="200px" 改成 width="100%"