猿问

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

<!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>标签里面呢

小左OMG

当设置一个元素css样式中的margin:0 auto;时,竖直方向上的margin为零,水平方向上会自动居中。
随时随地看视频慕课网APP
我要回答