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

不定宽度块状元素方法（一）任务题怎么做？

15-3 不定宽块状元素水平居中方法（一）

任务里面的习题怎么做? 插入两个甚至多个table标签是否使用一个margin就可以了使所有table标签内的内容水平居中？

慕粉18070499148

2016-07-27

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

关注问题我要回答

958

操作

收起

4 回答

晚晴3 回答被采纳 +3 积分
2016-07-27

这一节的题目理解为上一节“水平居中设置-定宽块状元素”的实际应用

首先<div>是一个块状元素，可以对其设置宽度，所以为定宽块状元素。

满足定宽和块状两个条件

所以对其宽度设置之后就可以通过设置“左右margin”值为“auto”来实现居中的。

代码如下

.wrap{

background:#ccc;

width:200px;

margin:0 auto;

}

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

收起回答

慕粉18070499148 提问者

非常感谢！

2016-07-28 回复有任何疑惑可以回复我~

春秋齐小白
2016-07-29

楼上的回答应该不是这节所讲述的方法，

答题思路：把文本所在的div（ class="wrap"）容器放入table里面，这样wrap就引用上了table （margin:0 auto;）的属性具体做法如下：

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