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

问题来了,如何做到相对浏览器窗口垂直居中

这节的问题怎么是要求相对浏览器窗口居中的啊,不是相对与父元素固定的哪个高度居中的吗?如果是相对与浏览器窗口居中,那么应该将<td>设置的高度定位浏览器的高度吧,但是不同浏览器的高度不一样的啊,跪求大神帮助

正在回答

4 回答

position: fixed;

        top:50%;

        transform: translateY(-50%);



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

<!DOCTYPE HTML>

<html>

<head>

<meta  charset="utf-8">

<title>父元素高度确定的多行文本</title>

<style>

  .wrap{height:300px;background:#ccc}

  .wrap1{position:absolute;

     margin:auto 50%;

  }

</style>

</head>


<body>

<table><tbody><tr><td class="wrap">

<div>

    <p>看我是否可以居中。</p>

    <p>看我是否可以居中。</p>

    <p>看我是否可以居中。</p>

    <p>看我是否可以居中。</p>

    <p>看我是否可以居中。</p>

</div>

</td></tr></tbody></table>


<!--下面是代码任务区-->

<table class="wrap1"><tbody><tr><td>

<div class>

    <img src="http://static.mukewang.com/img/54ffac56000169c001840181.jpg" title="害羞的小女生"/>

</div>

</td></tr></tbody></table>

</body>

</html> 

可以么?

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

韩亿元

这好像水平居中了,怎么垂直居中啊
2017-10-16 回复 有任何疑惑可以回复我~

vertical-align:middle

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

科里昂 提问者

我问的是如何做到相对于浏览器窗口垂直居中,不是相对于父元素
2017-08-11 回复 有任何疑惑可以回复我~

vertical-align:middle

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

科里昂 提问者

我问的是如何做到相对于浏览器窗口垂直居中,不是相对于父元素
2017-08-11 回复 有任何疑惑可以回复我~
#2

qq_AG_11 回复 科里昂 提问者

对啊 我感觉他们是不是理解能力有问题
2018-07-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

问题来了,如何做到相对浏览器窗口垂直居中

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