为了账号安全,请及时绑定邮箱和手机立即绑定

关于不定框水平居中的方法。我想问下我这样写对么?我发现效果是一样的

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
table{
    margin:0 auto;
}

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

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

正在回答

2 回答

/*下面是任务区代码*/
.wrap{
    background:#ccc;
    display:table;
    margin:20px auto;
}

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

你这是定宽的方法,也是可以做到一样的效果,不过不属于不定宽的方法就是了。

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

祈祈祈祈祷 提问者

那如果我这里要不定宽的话该怎么写呢
2016-08-03 回复 有任何疑惑可以回复我~
#2

慕粉3646377 回复 祈祈祈祈祷 提问者

不定宽就不应该设置它的宽度,只要把样式部分的代码改成我那样就好了。"display:table",利用table标签的长度自适应性实现
2016-08-03 回复 有任何疑惑可以回复我~
#3

_wuzi3764194 回复 祈祈祈祈祷 提问者

或者 跟内容教的一样 用table标签包括div进去,不用做其他处理,也有居中的效果。 例如: <table> <tbody> <tr><td> <div class="wrap"> 设置我所在的div容器水平居中 </div> </td></tr> </tbody> </table>
2016-08-03 回复 有任何疑惑可以回复我~
#4

祈祈祈祈祷 提问者 回复 _wuzi3764194

我想问下,添加table的方法是不是必须还要再添加tr td这些的?不添加可以么
2016-08-03 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消

关于不定框水平居中的方法。我想问下我这样写对么?我发现效果是一样的

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号