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

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
table{
    margin:0 auto;
}
ul{list-style:none;margin:0;padding:0;}
li{float:left;display:inline;margin-right:8px;}

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

<body>
<div>
<table>
<tbody>
    <tr><td>
   <ul>
       <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
    </td></tr>
</tbody>
</table>
</div>

   <div class="wrap">
    设置我所在的div容器水平居中
   </div>

</html>

为什么我在代码中加了斜体部分这一段也达到了居中的效果呢？没有用到table啊

丶江水寒

浏览 1543回答 2

2回答

侠客岛的含笑

我怎么没看到你的斜体标签呢？<i>是不是在<table>标签里面呢

0 0

小左OMG

当设置一个元素css样式中的margin:0 auto；时，竖直方向上的margin为零，水平方向上会自动居中。

1 0

随时随地看视频慕课网APP