CSS表格中所有文字頂對齊是一個常見的需求。通過CSS樣式可以很容易地實現這個效果。
table{ border-collapse: collapse; /* 合并表格邊框 */ } th, td{ vertical-align: top; /* 所有單元格頂對齊 */ padding: 10px; /* 單元格內邊距 */ text-align: left; /* 單元格中的文本左對齊 */ } th{ background-color: #ccc; /* 表頭背景顏色 */ }
以上代碼中,vertical-align: top;
是實現所有單元格頂對齊的核心屬性。通過設置為top,單元格內的所有內容都被置于單元格頂部。
此外,一些常用的樣式設置也在代碼中體現了出來,如padding
用于設置單元格內邊距,text-align
用于設置單元格中的內容水平對齊。
最后,通過為表頭th
設置一個背景顏色來提高表格的可讀性。
總之,通過以上簡單的CSS樣式設置,就可以完美地實現CSS表格中所有文字頂對齊的效果了。