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

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

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

我也在世界末尾 2016-11-03 18:25:31
这一小结中:怎么做才能让<ul>标签下的内容显示出来呢?设置完题目要求的居中之后,<ul>标签下的内容是不是被覆盖掉了?希望有调试出来的朋友给个解答,谢谢!
查看完整描述

1 回答

?
我也在世界末尾

TA贡献1条经验 获得超0个赞

忘记贴代码了..

<!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>


查看完整回答
反对 回复 2016-11-03
  • 1 回答
  • 1 关注
  • 1009 浏览
慕课专栏
更多

添加回答

举报

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