CSS中,實現td單元格內容居中顯示有多種方法,以下是其中幾種方法:
td { text-align: center; /* 水平居中 */ vertical-align: middle; /* 垂直居中 */ }
text-align和vertical-align都是td元素的屬性,可以通過它們實現水平和垂直居中。
td { width: 100px; /* 設置單元格寬度 */ margin: 0 auto; /* 水平居中 */ height: 100px; /* 設置單元格高度 */ line-height: 100px; /* 垂直居中 */ }
如果td單元格的寬度和高度已知,也可以通過設置margin和line-height來實現水平和垂直居中。
td { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ }
如果希望在td單元格中放置更多內容,可以使用flex布局實現水平和垂直居中。
以上是幾種實現td單元格內容居中顯示的方法。
上一篇css table優點
下一篇abslute css