首页html 表格垂直对齐

html 表格垂直对齐

时间: 2024-06-01 13:04:50 浏览: 182

在HTML表格中，可以使用CSS来控制单元格的垂直对齐方式。以下是两种方法来实现HTML表格单元格的垂直对齐。 1. 使用CSS的vertical-align属性[^1]： ```html <!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; } td { border: 1px solid black; padding: 8px; vertical-align: bottom; /* 将单元格内容垂直对齐到底部 */ } </style> </head> <body> <table> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> </body> </html> ``` 2. 使用HTML的VALIGN属性[^2]： ```html <!DOCTYPE html> <html> <head> </head> <body> <table> <tr> <th valign="bottom">表格标题1</th> <th valign="bottom">表格标题2</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> </body> </html> ```

阅读全文