CSS中tr和td的內容居中是我們在開發網頁中常見的一種樣式,通過以下方式我們可以輕松實現tr和td中內容的居中對齊。
/* 設置tr中內容居中 */
tr{
text-align: center;
}
/* 設置td中內容居中 */
td{
text-align: center;
vertical-align: middle; /* 設置垂直居中 */
}
以上代碼中,tr和td都是基于text-align屬性實現內容的水平居中,而在td標簽中,為了實現內容的垂直居中,還需要設置vertical-align屬性。
需要注意的是,以上代碼只適用于文本內容的居中對齊。如果要實現其他元素的居中對齊,如圖像,需要使用更復雜的CSS技巧來解決。
上一篇vue開發訂閱模式