0

サイトの初めてのユーザー。画像の垂直方向の中央揃えに問題があります。私はさまざまな答えを求めてウェブ全体を検索しましたが、何も見つかりませんでした。vertical-align: middle; を使用してみました。しかし、うまくいきません。水平方向の中央揃えですが、垂直方向の中央揃えではありません。

画像（スライドショー）を含むdivをここに示します。前もって感謝します！

<div id="photo">

                <img src="lax.jpg" name="slide" width="70%" height="70%">

                <script type="text/javascript">

                var step=1
                function slideit(){
                document.images.slide.src=eval("image"+step+".src")
                if(step<3)
                step++
                else
                step=1
                setTimeout("slideit()",2500)
                }
                slideit()

               </script>
            </div>

そしてCSS

#photo{
position:absolute;
top:15%;
height:80%;
width: 70%;
left:20%;
background:#3377ff;
overflow:hidden;

}

img{
vertical-align:middle;
display: table-cell; 
margin-left: auto; 
margin-right: auto;
}
4

1 に答える 1

0

これを削除してみてください

img{
vertical-align:middle;
display: table-cell; 
margin-left: auto; 
margin-right: auto;
}

divにコンテンツを追加します

  #photo{
     position:absolute;
     top:15%;
     height:80%;
     width: 70%;
     left:20%;
     background:#3377ff;
     overflow:hidden;
     vertical-align:middle;
     display: table-cell; 
     margin-left: auto; 
     margin-right: auto;
 }
于 2012-12-11T05:29:06.997 に答える