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

position:relative用50%感觉不居中,试了下38%居中的感觉,不懂50%什么意思

position:relative用50%感觉不居中,试了下38%居中的感觉,不懂50%什么意思

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

table{

    margin:0 auto;

}


/*下面是任务区代码*/

.wrap{

    background:#ccc;

}

p{position:relative;left:38%;}

</style>

</head>


<body>

<div>

<table>

  <tbody>

    <tr><td>

<ul>

    <li>我是第一行文本</li>

        <li>我是第二行文本</li>

        <li>我是第三行文本</li>

    </ul>

    </td></tr>

  </tbody>

</table>

</div>


<div class="wrap">

  <p>设置我所在的div容器水平居中</p>  

</div>

</body>

</html>


正在回答

2 回答

你忽略了文本的大小,你要再向左偏移半个文本的位置

1 回复 有任何疑惑可以回复我~

left:50%; 是指向右偏移50%,肯定不居中,要用margin或者padding再对元素偏移,此例子就是还要向左偏移文本长度的一半

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

position:relative用50%感觉不居中,试了下38%居中的感觉,不懂50%什么意思

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信