CSS表格相對于窗口居中是一種非常常見的需求,許多網站都需要這種布局方式。下面便介紹一下如何使用CSS實現這種布局方式。
<table style="margin:0 auto"> <tr> <td>內容1</td> <td>內容2</td> </tr> <tr> <td>內容3</td> <td>內容4</td> </tr> </table>
在上面的代碼中,我們使用了CSS的margin屬性,而將左右外邊距設置為auto,就可以將表格相對于窗口居中。其中,margin的值分別代表上、右、下、左外邊距,這里將左右外邊距都設置為auto是因為這樣可以保證表格的左右間距相等。
當然,如果你需要將整個頁面都居中,可以在body標簽中加上以下樣式:
body{ margin:0 auto; text-align:center; }
這樣,整個頁面便可以相對于窗口居中了。
上一篇css表格的列用什么表示
下一篇css表格自動對齊教程