HTML網頁中table居中和表格內容居中

HTML網頁中table居中和表格內容居中

1、html中讓表格在瀏覽器中左右居中，可以設置表格的align屬性

align三個屬性: 居中：center；靠左：left；靠右：right。

 

 

2、在表格td中，有兩個屬性控制居中顯示

align：表示左右居中，left，center，right

valign：控制上下居中，top, middle, bottom

 

3、表格上下居中：要用JS，先把現元素的左上邊定位到父元素的左上邊的50%，然後根據元素的長寬，設外邊距。

 oantzone.style.left     = "50%";//定義元素的左邊到最近一個具有定位設置父元素的左部邊緣的百分比位置。
 oantzone.style.top      = "50%";//定義元素的上邊到最近一個具有定位設置父元素的上部邊緣的百分比位置。

 oantzone.style.marginLeft = -(w/2)+"px";//外邊距
 oantzone.style.marginTop  = -(h/2)+"px";

4、代碼

 

表格居中

居中	居中	居中
居中	居中	居中