在HTML5中,將表格
/*方法1:使用auto margin*/ table { margin-left: auto; margin-right: auto; } /*方法2:使用flexbox*/ .container { display: flex; justify-content: center; } table { margin: auto; } /*方法3:使用grid*/ .container { display: grid; place-items: center; } table { margin: auto; }
使用CSS將表格居中對齊是HTML5表格布局的一種現代方法。方法1只需要在表格CSS樣式中添加兩個屬性值,這個方法比較易于理解。方法2和3需要在CSS類中添加一些代碼,但可以擴展成更復雜的布局。