css怎样让div里的表格居中对齐
css让div里的表格居中对齐的方法有很多,卜芦可以改变改变表格的样式属性,也可以通过改变div的样式属性,这里介绍通过改变表格的样式属性使表格居中,这样不会改变div里除表格的其他元素的样式属性和位置。以下演示具体步骤:
1、打开HTML文件编辑器,新建一个HTML文件并添加HTML的基本元素标签。
2、添加好基本元素标签后在body里添没吵加div元素,然后在div元素里面添加一个表格型察带元素。
3、接下来配置div元素样式和表格元素样式,使得效果可以明显体现出来,这里使用的是行内式,也可以使用行外式和外部式。其中核心代码都是:margin:auto。
4、保存好后运行这个HTML文件。效果如图:
方法和详细的操作步骤如派耐下:
1、第一步,打开HTML文件编辑器,创建一个新的HTML文件并添加HTML基本元素标签,见下图,转到下面的步骤。
2、第二步,完成上述步骤后,在body中添加一个div元素,然后在div元素内添加一个表元素,见下图,转到下面的步骤。
3、第三步,完成上述步骤后,配置div元素样闷乱式和table元素样式,这里使用行内式,其核心代码是:margin:auto,见下图,转到下面的步骤。
4、第四步,完成上述步骤后,保存并运行此HTML文件,表格已蚂羡档居中对齐,见下图。这样,就解决了这个问题了。
<div style="text-align:center; overflow:hidden;">
<table style="margin:0 auto; width:100px; height:50px;">
<tr><td style="text-align:center">ssss</td></tr>
</table>
<顷唯/div>