Dynamic 将容器与视口中间的固定位置和动态高度垂直对齐？ 我如何将容器（如社交媒体插件）与固定位置< /强>和动态高度< /强>对齐，以便容器本身垂直于视口中间？容器本身是可见的，因为我有一个背景图像和一些边界效果。容器内的内容也应垂直对齐

这就是我所拥有的，但它不起作用，因为某些原因，容器甚至没有出现：

#socialpluginscontainer {
position:fixed;
width:100px;
height:70%;
padding-left:5px;
right:10px;
background: transparent url(../pictures/pagecontentoverlay.png);
-moz-box-shadow:0px 0px 4px #000 inset;
-webkit-box-shadow:0px 0px 4px #000 inset;
box-shadow:0px 0px 4px #000 inset;
}
#socialplugins {
text-align:center;
}

HTML:

//社交插件代码

要使容器在中心垂直对齐，可以这样做

#socialpluginscontainer {
    position:fixed;
    width:100px;
    height:70%;
    padding-left:5px;
    right:10px;

    top: 0;
    bottom: 0;
    margin: auto;

    background: tomato;
    -moz-box-shadow:0px 0px 4px #000 inset;
    -webkit-box-shadow:0px 0px 4px #000 inset;
    box-shadow:0px 0px 4px #000 inset;
}

有关内容，请参阅

#socialpluginscontainer {
    position:fixed;
    width:100px;
    height:70%;
    padding-left:5px;
    right:10px;

    top: 0;
    bottom: 0;
    margin: auto;

    background: tomato;
    -moz-box-shadow:0px 0px 4px #000 inset;
    -webkit-box-shadow:0px 0px 4px #000 inset;
    box-shadow:0px 0px 4px #000 inset;
}