2016-5-23 jsp

Posted 2020-07-10 博客园乄小光

1.table的边框：rules这个参数，它有三个值(cols,rows,none)，当rules=cols时，表格会隐藏横向的分隔线，也就是我们只能看到表格的列；当rules=rows时，就隐藏了纵向的分隔线，也就是我们只能看到表格的行；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏，我们就只能看到一个表格的外框了。看一下下面的对比效果你就会明白的

 

2.当table内只有一个tr时，table高度大于tr默认高度是，tr会自动上下居中，这时可以设定tr中td的高度衣把tr放到table最上面。如下图所示：

<table border="2px" width="400px"  rules="none" height="500px" style="margin:80px auto;padding:0px 0px;" >
        <tr>
            <td ><img src="picture/6.png"></img></td>        
        </tr>
</table>

效果如下

加上td的高度

<table border="2px" width="400px"  rules="none" height="500px" style="margin:80px auto;padding:0px 0px;" >
        <tr>
            <td height="100px"><img src="picture/6.png"></img></td>        
        </tr>
</table>

效果如下