<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>不定寬塊狀元素水平居中</title><style>.container{? ? float:left;? ? position:relative;? ? left:50%;}.container ul{ list-style:none; margin:0; padding:0;? ? position:relative;? ? left:-50%;}.container li{float:left;display:inline;margin-right:8px;}/*下面是代碼任務區*/.wrap{? ? position:relative;? ? float:right;? ? right:50%;}.wrap-center{? ? background:#ccc;? ? position:relative;? ? right:-50%;}</style></head><body><div class="container"> <ul>? ? <li><a href="#">1</a></li>? ? ? ? <li><a href="#">2</a></li>? ? ? ? <li><a href="#">3</a></li>? ? </ul></div><br><!--下面是代碼任務區--><div class="wrap">? ? <div class="wrap-center">我們來學習一下這種方法。</div></div></body></html>
添加回答
舉報
0/150
提交
取消