我看案例的例子是 table 在 div 里面，那么意思只是 table 里面的文字居中了，div 这个块级元素并没有居中吧
<div> <table> <tbody> <tr><td> <ul> <li>我是第一行文本</li> <li>我是第二行文本</li> <li>我是第三行文本</li> </ul> </td></tr> </tbody> </table> </div>
<style>table{ border:1px solid;
margin:0 auto;
}</style>但是题目要求我们居中div这个块级元素，所以意思是div 要写在 table标签里面是吧
<table>
<tbody>
<tr>
<td>
<div class="wrap">
设置我所在的div容器水平居中
</div>
</td>
</tr>
</tbody>
</table>
table{
margin:0 auto;
}
2018-12-31
写的没有问题啊。 你看案例的例子是 table 在 div 里面，这个div只是对table进行包装了一下，你可以不写的。关键是里面的那个ul，才是作者真正想要处理居中的元素。
所以答案里面我们只需用table包住要处理的div就行了。 上面table外面的div（first）只是和下面的元素进行分割一下而已，这个div的宽度还是全屏宽的。只有被table包含的div（或者那个ul）才是和table等宽的，你设置一个背景色就能看清楚了。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
table{
margin:30px auto;
border: 1px solid #333;
background-color:green;
}
.first{
background-color:red;
}
/*下面是任务区代码*/
.wrap{
background:#ccc;
}
</style>
</head>
<body>
<div class="first">
<table>
<tbody>
<tr><td>
<ul>
<li>我是第一行文本</li>
<li>我是第二行文本</li>
<li>我是第三行文本</li>
</ul>
</td></tr>
</tbody>
</table>
</div>
<table>
<tbody>
<tr>
<td>
<div class="wrap">
设置我所在的div容器水平居中
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
举报
