在CSS中,表格的字字上對齊可以通過垂直對齊屬性來實現。默認情況下,表格的文本垂直居中,但是有時候需要將文本上對齊。下面介紹一些實現方法。
table { border-collapse: collapse; } td { vertical-align: top; }
上面的代碼將表格單元格的垂直對齊屬性設置為頂部,這樣就可以實現文本上對齊。可以通過設置不同的屬性值來控制文本位置的變化。
<table> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table>
使用上面的代碼,可以看到表格中的內容是上對齊的。可以根據設計要求選擇不同的垂直對齊屬性值,比如:middle、bottom、text-top、text-bottom等,來達到不同的垂直對齊效果。
上一篇css放動態圖