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

水平居中总结-不定宽块状元素方法(一)

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

table{

    margin:0 auto;

}


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

.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>


<div class="wrap">

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

</div>

</body>

</html>

这个应该怎么做啊?我写成这样行吗

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

table{

    margin:0 auto;

  width:200px;

margin:0 auto;

}


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

.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>


<div class="wrap">

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

</div>

</body>

</html>



正在回答

2 回答

.wrap{

    background:#ccc;

    display:table;

    margin:0 auto;

}


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

不行  应该再 <div>后加上<table><tbody><tr><td></td></tr></tbody></table>

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

举报

0/150
提交
取消

水平居中总结-不定宽块状元素方法(一)

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

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

帮助反馈 APP下载

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

公众号

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