css怎样让div里的表格居中对齐

html-css013

css怎样让div里的表格居中对齐,第1张

css让div里的表格居中对齐的方法有很多，可以改变改变表格的样式属性，也可以通过改变div的样式属性，这里介绍通过改变表格的样式属性使表格居中，这样不会改变div里除表格的其他元素的样式属性和位置。以下演示具体步骤：

1、打开HTML文件编辑器，新建一个HTML文件并添加HTML的基本元素标签。

2、添加好基本元素标签后在body里添加div元素，然后在div元素里面添加一个表格元素。

3、接下来配置div元素样式和表格元素样式，使得效果可以明显体现出来，这里使用的是行内式，也可以使用行外式和外部式。其中核心代码都是：margin：auto。

4、保存好后运行这个HTML文件。效果如图：

<!doctype html>

<html>

    <head>

<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码)，tuf-8国际编码-->

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus">

<meta name="Author" content="天宝讲师">

<meta name="Keywords" content="关键词,关键字">

<meta name="Description" content="java零基础学习">

<title>java爱好者_天宝老师</title>

<!--css,js-->

<style type="text/css">

*{margin:0padding:0}

.bg{ text-align:left}

</style>

</head>

<body>

<table width="1000" border="1" class="bg">

  <tr>

    <td>java爱好者_天宝老师<td>

    <td>学java找天宝老师</td>

    <td>java零基础学习教程</td>

  </tr>

</table>

</body>

</html>