在網頁開發中,表格是常用的布局元素之一,而表格里的內容如果不能居中顯示,會顯得非常不美觀。下面就是介紹如何使用CSS實現表格中文本居中顯示。
table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; border: 1px solid #ccc; text-align: center; /* 讓表格中文本居中 */ }
CSS樣式中,我們可以使用text-align屬性來指定文本對齊方式,其中center表示居中對齊。在表格樣式中,我們可以將text-align設置為center來實現表格內容的居中對齊。
另外需要注意的是,在table樣式中,使用了border-collapse屬性來設置表格邊框的合并方式,這里我們設置為collapse來讓表格的邊框相互合并,實現更加美觀的表格視覺效果。
通過以上CSS樣式設置,我們就可以實現表格中文本內容的居中顯示效果了。