1

cboxTitle-div内のテキスト(例:close-Box(text))を垂直方向に揃えるにはどうすればよいですか?モーダルポップアップを作成するためにカラーボックスを使用します。どんな助けでも本当にありがたいです!

div-structureは次のとおりです。

<div id="cBoxContent">
    <div id="cBoxTitle"></div>
</div>

CSSコード:

#cboxContent{overflow:hidden; background: #121219;
}
#cboxTitle{position:absolute; top:0; left:0; text-align:left; width:100%; color:#999; height: 38px;}
4

1 に答える 1

1

line-heightプロパティを配置されている要素の高さに設定することで、テキストを垂直方向に中央揃えにすることができます。

#cboxTitle{
    position:absolute; 
    top:0; 
    left:0; 
    text-align:left; width:100%; 
    color:#999; 
    height: 38px;
    line-height: 38px;
}

もちろん、このトリックは、身長がわかっている場合にのみ機能しますdiv他の方法もあり ますが、もっと複雑です。

リンクされていない別の方法はdiv、テキストを含むをposition: relative;に設定topしてから、50%から要素の高さの半分を引いた値に設定することです。これはJavascriptで行うのが最適です。

于 2013-03-06T02:46:36.733 に答える