7

私は常に、div 内のテキストを中央に配置するための代替方法を探してきました。javascript の動的配置から最新の css ユニット vw および vh まで、多くの方法があります。先日、いつも目の前にある別の方法があることに気付きましたが、それを使用したことはありません。つまり、divをテーブルセルとして表示することです display:table-cell;vertical-position:middle http://jsfiddle.net/manolis/TPKsf/ まだ本番環境で使用していませんが、このソリューションを使用することの長所と短所は何だろうと思っています。

ありがとう！

4

3 に答える 3

1

そのようなものを試してみてください、それは使用しませんvertical-align...しかし、あなたにとって役立つかもしれません...

CSS:-

#box{
    position:absolute; top:50%; left:0;
    margin-top:-50px; /*Half of height...*/
    width:300px;
    height:100px;
    line-height:100px;
    border:5px solid black;
    text-align:center;
}

働くフィドル

于 2013-09-18T05:02:33.283 に答える