怎么搞定居中。。不定宽块状。。

<!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{
     float:left;

     position:relative;
     left:50%
}
.wrap-center{
    background:#ccc;
    position:relative;
    left:-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>


<div class="wrap">
    <div class="wrap-center">我们来学习一下这种方法.</div>
</div>
</body>
</html>

整了好久，总是不能完全居中。。

断桥丶晓风残月

浏览 1209回答 1

1回答

断桥丶晓风残月

呃，刚刚用float:right;实现了居中。我想问下float:left; 怎么实现呢？

0 0

随时随地看视频慕课网APP