2

コンテナー自体がビューポートの中央に垂直になるように、コンテナー (ソーシャル メディア プラグインなど) を固定位置と動的な高さに揃えるにはどうすればよいですか? 背景画像といくつかの境界効果があるため、コンテナー自体が表示されます。コンテナー内のコンテンツも垂直方向に配置する必要があります。

これは私が持っているものですが、機能しません.何らかの理由でコンテナが表示されません:

#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:

<div id="socialpluginscontainer">

      <div id="socialplugins">

           //code for social plugins

      </div>

</div>
4

1 に答える 1

0

コンテナを垂直に中央に揃えるには、そうすることができます。

#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;
}

コンテンツについては、 フィドルを見てください

于 2014-10-21T09:27:22.357 に答える