CSS的变通方法；top"；Microsoft Edge中的属性？

Microsoft Edge忽略具有相对值的CSS“top”属性。例如：

.mycontent
{
位置：相对位置；
最高：50%；
-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
最大高度：510px；
最大宽度：594px；
保证金：0自动；
背景：#FFFFFF；
背景：rgba（255，255，255，1）；
边框样式：实心；
边框颜色：#000000；
边框颜色：rgba（0,0,0,1）；
边框宽度：1px；
边界半径：35px；
-moz边界半径：35px；
-webkit边界半径：35px；
}

我自己才发现，最好的（也是最有效的）方法就是使用jQuery。 这里是运行代码

$（窗口）。调整大小（函数（）{
$（'.mycontent'）.css({
位置：'绝对'，
左：（$（窗口）.width（）-$（'.mycontent'）.outerWidth（））/2，
顶部：（$（窗口）.height（）-$（'.mycontent'）.outerHeight（））/2
});
});
$（文档）.ready（函数（）{
//要最初运行该函数，请执行以下操作：
$（窗口）.resize（）；
});
.mycontent
{
最大高度：510px；
最大宽度：594px；
背景：#FFFFFF；
背景：rgba（255，255，255，1）；
边框样式：实心；
边框颜色：#000000；
边框颜色：rgba（0,0,0,1）；
边框宽度：1px；
边界半径：35px；
-moz边界半径：10px；
-webkit边界半径：10px；
}

奥夫堡赛特酒店
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
我自己才发现，最好的（也是最有效的）方法就是使用jQuery。
这里是运行代码


$（窗口）。调整大小（函数（）{
$（'.mycontent'）.css({
位置：'绝对'，
左：（$（窗口）.width（）-$（'.mycontent'）.outerWidth（））/2，
顶部：（$（窗口）.height（）-$（'.mycontent'）.outerHeight（））/2
});
});
$（文档）.ready（函数（）{
//要最初运行该函数，请执行以下操作：
$（窗口）.resize（）；
});
.mycontent
{
最大高度：510px；
最大宽度：594px；
背景：#FFFFFF；
背景：rgba（255，255，255，1）；
边框样式：实心；
边框颜色：#000000；
边框颜色：rgba（0,0,0,1）；
边框宽度：1px；
边界半径：35px；
-moz边界半径：10px；
-webkit边界半径：10px；
}

奥夫堡赛特酒店
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
似乎是一个边缘缺陷/怪癖。我通过在父元素上设置
position:relative
，在要垂直居中的子元素上设置
position:absolute
，解决了这个问题。
似乎是一个边缘缺陷/怪癖。我通过在父元素上设置
position:relative
，在要垂直居中的子元素上设置
position:absolute
。
我使用padding top来设置其位置，而不是“top”。
它工作得很好

.mycontent {

top: 50%;

}

到

我使用填充顶部来设置其位置，而不是“顶部”。
它工作得很好

.mycontent {

top: 50%;

}

到

是的，这很烦人。我也有同样的问题。用flex解决。
对于该容器，请给出：

align-self:center

当然，家长需要：

display: flex;
flex-direction: column;

是的，这很烦人。我也有同样的问题。用flex解决。
对于该容器，请给出：

align-self:center

当然，家长需要：

display: flex;
flex-direction: column;

can@Nico能否请您提供JSFIDLE，因为运行代码片段并没有准确显示您想要的内容，当我尝试使用css时，它在浏览器顶部显示了一条黑线。我没有得到你想要的东西，我只是做了一把小提琴：我只想水平和垂直地将一个div居中。你使用的浏览器是哪个，因为它在chrome中显示得非常完美。我在chrome和Edge中试用过。Chrome也非常适合我。can@Nico能否请您提供JSFIDLE，因为运行代码片段没有准确显示您想要的内容，当我尝试使用css时，它在浏览器顶部显示一条黑线。我没有得到你想要的东西，我只是做了一把小提琴：我只想水平和垂直地将一个div居中。你使用的浏览器是哪个，因为它在chrome中显示得非常完美。我在chrome和Edge中试用过。Chrome也非常适合我。