日期:2014-05-17  浏览次数:21072 次

图片自动适应不定宽表格问题
请教各位高人:
        我想做一个一行多列的表格,该表格自动适应屏幕大小的.并且在每一列中插入一幅图.但图片太大了.不能适应表格的大小.不知道怎么办.
        比如:我做一行三列的表格.每个格子定宽 <td   width= "33% "> ,然后在这里面插入图片,图片width= "100% ".这样在Dreamweaver中看,图片宽为33%,是正确的.但用浏览器看时确是原来大小,不知道怎么回事.
附代码:
        <table   width= "100% "     border= "1 "   cellspacing= "0 "   >
            <tr>
                <td   width= "33% "> <img   src= "image/1.JPG "   width= "100% "> </td>
                <td   width= "33% "> <img   src= "image/5.jpg "   width= "100% "> </td>
                <td   width= "33% "> <img   src= "image/6.jpg "   width= "100% "> </td>
            </tr>
        </table>

------解决方案--------------------
<table width= "100% " border= "1 " cellspacing= "0 " >
<tr>
<td width= "100% "> <img src= "image/1.JPG " width= "100% "> </td>
<td width= "100% "> <img src= "image/5.jpg " width= "100% "> </td>
<td width= "100% "> <img src= "image/6.jpg " width= "100% "> </td>
</tr>
</table>

------解决方案--------------------
在td中嵌入div试试!!!