Question

我有这个代码的div，并且除了safari之外，它在所有浏览器中都能完美地垂直居中。在iphone和ipads上，我无法垂直居中。它似乎是100％来自顶部，所以只是在div。：

.quotecont {    
max-width: -moz-calc(100% - 125px);
max-width: -o-calc(100% - 125px);
max-width: -ms-calc(100% - 125px);
max-width: calc(100% - 125px);
white-space: normal;
width: 850px;
text-align: left;
margin: 0px auto;
position: relative;
top: 50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%); /* IE */
-moz-transform:translateY(-50%); /* Firefox */
-webkit-transform:translateY(-50%); /* Safari and Chrome */
-o-transform:translateY(-50%); /* Opera */
white-space: normal;
}

在这个div中我的内容有不同的高度，所以我可以＆＃39;把它直接放在顶部的一个地方。

如果你想观看它（或代码），它会在这个网页上以黄色方框显示在主页的底部：http://kadernictvi-gepard.cz/

感谢您的帮助，祝您有个愉快的一天，米甲

transform：translateY在iOS中不起作用

0 个答案: