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、代码

 


表格居中

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

 

 

HTML网页中table居中和表格内容居中_第1张图片

 

 

你可能感兴趣的:(软件开发,网页开发,html,javascript,浏览器)