样式 css HTML 常用总结

nowrap 控制不换行
.over_hidden{white-space:nowrap;overflow: hidden;width:100%;text-overflow: ellipsis;} 超过制定长度使用三个点替换
colspan 跨越多列

rowspan 跨越多行


<table border cellspacing=10>  表元间隙设置：

<table border cellpadding=#> 表元内部空白设置：

<th align=#> #=left, center, right 表格内文字的对齐/布局

border 表格尺寸设置

例子：
<table border>
<tr><th colspan=3> Morning Menu</th>
<tr><th>Food</th>       <th>Drink</th>  <th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

<table border>
<tr><th rowspan=3> Morning Menu</th>
        <th>Food</th> <td>A</td></tr>
<tr><th>Drink</th> <td>B</td></tr>
<tr><th>Sweet</th> <td>C</td></tr>
</table>

<table border=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

<table border cellspacing=#>

表元间隙设置： <table border cellspacing=10> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>

<table border cellpadding=#>

表元内部空白设置：

<table border cellpadding=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>