                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

补充代码实现右侧中的 class 为 wrap 的 div 水平居中显示（要注意是这个 div元素居中，而不是里面的文本居中啊）。我这样写对不对？

/*下面是任务区代码*/

.wrap{

background:#ccc;

width:200px;

margin: auto;

}

</style>

</head>

<body>

<div>

<table>

<tbody>

<ul>

<li>我是第一行文本</li>

<li>我是第二行文本</li>

<li>我是第三行文本</li>

</ul>

</td></tr>

</tbody>

</table>

</div>

设置我所在的div容器水平居中

</div>

</body>

</html>

慕的地0485877

2020-04-07

源自：初识HTML(5)+CSS(3)-升级版 15-5

关注问题我要回答

812

操作

收起

4 回答

慕婉清6050496 回答被采纳 +2 积分
2020-04-07

对的，你全屏就能看到你的div元素居中了

1 回复有任何疑惑可以回复我~

收起回答

慕沐4207267
2020-04-11

/*下面是任务区代码*/
.wrap{
background:#ccc;
margin:0 auto;
}
</style>
</head>

<body>
<div>
<table>
<tbody>
    <tr><td>
<ul>
    <li>我是第一行文本</li>
        <li>我是第二行文本</li>
        <li>我是第三行文本</li>
    </ul>
    </td></tr>
</tbody>
</table>
</div>
<table>
    <tr>
        <td>
<div class="wrap">
设置我所在的div容器水平居中
</div>
        </td>
    </tr>
</table>
</body>