亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

不定寬元素為什么不能用margin:0 auto居中

不定寬元素為什么不能用margin:0 auto居中

qq_命運之骰_0 2018-08-03 21:12:04
<!DOCTYPE html><html>?<head>??<meta charset="UTF-8">??<title></title>??<style>??*{???margin:0 auto;???padding: :0;??}??body,ul,li{???margin:0;???padding: 0;?????}??li{???list-style: none;??}??a:link,a:visited{???text-decoration: none;??}??a:hover{???text-decoration: underline;??}??#outer{??????????????}??#skin,#nav{???overflow: hidden;??}??#skin li{???float:left;???width:6px;???height:6px;???cursor:pointer;???overflow:hidden;???margin-right:10px;???text-indent:-9999px;???border-width:4px;???border-style:solid;??}??#skin li.current{???background:#fff!important;???}??#red{???border-color:red;???background:red;??}??#green{???border-color:green;???background:green;??}??#black{???border-color:black;???background: black;??}??#nav{???border:1px solid #fff;??}??#nav li{???float:left;???text-align:center;???border-right:1px solid #fff;???color:#fff;??}???????</style>??<script>??????????</script>?</head>?<body>??<div id = "outer">???<ul id ="skin">????<li id="red" class title="紅色">紅</li>????<li id="green" class title="綠色">綠</li>????<li id="black" class = "current" title="黑色">黑</li>???</ul>???<ul id = "nav">????<li><a href="javascript:;">新聞</a></li>????<li><a href="javascript:;">娛樂</a></li>????<li><a href="javascript:;">體育</a></li>????<li><a href="javascript:;">音樂</a></li>????<li class="last"><a href="javascript:;">旅游</a></li>???????</ul>??</div>?????</ul>?</body></html>這里我沒有給outer設置寬度,不定寬下無法居中,想知道為什么margin:0,auto為什么不生效
查看完整描述

2 回答

?
叫你豬豬

TA貢獻2條經驗 獲得超3個贊

auto是塊級元素才有效果,不定寬度相當于塊級元素的寬度為100%,所以不會居中!


查看完整回答
反對 回復 2018-08-06
?
慕田峪5445673

TA貢獻3條經驗 獲得超0個贊

outer是塊級元素并且要有寬度?margin:0?auto;才會有效果
提示:*通配符這里的padding多了一個中文冒號


查看完整回答
反對 回復 2018-08-04
  • 2 回答
  • 0 關注
  • 1098 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號