在HTML中,我們可以使用CSS來設(shè)置表格的行高,如果不使用CSS,只通過HTML本身,我們也可以調(diào)整表格的行高,下面是一些方法:
1、使用height
屬性:在HTML中,每個元素都有一個height
屬性,可以用來設(shè)置元素的高度,對于表格行,我們可以使用height
屬性來設(shè)置行高。
<table> <tr height="50"> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr height="60"> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
在這個例子中,***行的行高是50像素,第二行的行高是60像素。
2、使用style
屬性:在HTML中,我們可以使用style
屬性來直接寫入CSS樣式,對于表格行,我們可以使用style
屬性來設(shè)置行高。
<table> <tr style="height:50px;"> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr style="height:60px;"> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
這個例子的效果和上一個例子一樣,但是它是通過style
屬性來設(shè)置行高的。
3、使用vertical-align
屬性:在HTML中,vertical-align
屬性可以用來設(shè)置元素的垂直對齊方式,對于表格行,我們可以使用vertical-align
屬性來設(shè)置行高。
<table> <tr vertical-align="top"> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr vertical-align="middle"> <td>Cell 3</td> <td>Cell 4</td> </tr> <tr vertical-align="bottom"> <td>Cell 5</td> <td>Cell 6</td> </tr> </table>
在這個例子中,***行的行高是***低的,第二行的行高是中間的,第三行的行高是***高的,這是通過vertical-align
屬性來設(shè)置的。