在網頁設計中,許多時候需要讓表格居中以提高頁面的美觀程度。下面我們將介紹如何使用CSS樣式讓表格居中。
/* CSS代碼 */ table { margin: 0 auto; /* 設置水平居中 */ text-align: center; /* 設置表格內的文字居中 */ }
以上代碼的解釋如下:
margin: 0 auto;
代表將table元素的左右邊距都設置為“auto”,這樣便能使表格水平居中。
text-align: center;
代表將表格內的文本居中對齊,包括表頭和表格內容。
以上的CSS樣式只需要添加到你的樣式表中,在HTML文件中加上class即可:
<table class="center"> ... </table>
當然,如果你想讓整個頁面中的所有表格都居中,只需將樣式修改如下:
/* CSS代碼 */ table { margin: 0 auto; /* 設置水平居中 */ text-align: center; /* 設置表格內的文字居中 */ }
這樣就能實現整個頁面的表格都水平居中了。
上一篇css樣式設計的網站
下一篇css樣本基本格式圖