CSSで文字を縦方向に揃える方法
css
CSS でテキストを垂直方向に配置する方法: 1. テキスト行の実際の高さを行の高さと等しくなるように設定します; 2. 上下のパディング値を次のように設定します高さが不明な複数行のテキストを垂直方向に中央揃えにする場合も同様です。 ;3. 複数行のテキストを固定高さで中央揃えにするには、vertical-align を使用します。
css ビデオ チュートリアル "
1. 1 行のテキストの垂直方向の中央揃えテキストが 1 行しかない場合コンテナ内で中央に配置する これは比較的単純で、実際の高さを行の高さに等しく設定するだけです。 例:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 单行文字实现垂直居中 </title>
<style type="text/css">
div {
height: 100px;
line-height: 100px;
border: 1px solid #FF0099;
}
</style>
</head>
<body>
<div>现在我们要使这段文字垂直居中显示！</div>
</body>
</html>ログイン後にコピー
内に完全に埋める方法にすぎません。次のようなコードを使用できます: 例:
div {
padding:25px;
}ログイン後にコピー
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多行文字实现垂直居中 </title>
<style type="text/css">
div {
padding: 25px;
border: 1px solid #FF0099;
width: 300px;
}
</style>
</head>
<body>
<div>
<pre class="brush:php;toolbar:false">现在我们要使这段文字垂直居中显示！
div {
padding:25px;
border:1px solid #FF0099;
}
ログイン後にコピー