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

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

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

丶江水寒 2016-03-31 20:32:52
<!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啊
查看完整描述

2 回答

已采纳
?
侠客岛的含笑

TA贡献552条经验 获得超285个赞

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

查看完整回答
反对 回复 2016-04-01
  • 丶江水寒
    丶江水寒
    不小心点采纳了,那个斜体是我在输入的时候特别标注的,方便大家给我解释
  • 侠客岛的含笑
    侠客岛的含笑
    margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
?
小左OMG

TA贡献6条经验 获得超3个赞

当设置一个元素css样式中的

margin:0 auto;

时,竖直方向上的margin为零,水平方向上会自动居中。

查看完整回答
1 反对 回复 2016-04-01
  • 2 回答
  • 0 关注
  • 1542 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信