開発者は、Web ページを設計する際に、画像、テキスト、表などのさまざまなコンポーネントを追加できます。さらに、複数の CSS プロパティを使用して、テキストを div 内で中央揃えにすることができます。テキストを水平方向にセンタリングする最も一般的な方法は、「 テキスト揃え ' 属性。さらに、「 行の高さ ' と ' 垂直整列 」 テキストを垂直方向に配置するための属性。
この投稿では、div 内で水平方向だけでなく垂直方向にもテキストをセンタリングする方法について説明します。
div内でテキストを水平方向に中央に配置する方法は?
テキストを div 内で水平方向に中央揃えするには、指定された手順を確認してください。
ステップ 1: div コンテナを作成する
最初に、「 次に、「 ID ”セレクタ付き属性名” # 」を開き、次の CSS プロパティを適用します。 作成された div 内で整列されたテキストを水平方向に中央揃えすることに成功したことがわかります。 div コンテナー内でテキストを垂直方向に中央揃えにするには、提供されている手順に従います。 ステップ 1: div コンテナーにアクセスする まずは作成したdivコンテナにアクセスします。 ステップ 2: CSS プロパティをテキストの垂直方向の中央に適用する 次に、以下にリストされている CSS プロパティを適用して、div 内でテキストを垂直方向に中央揃えにします。 出力 テキストを div 内で垂直方向および水平方向の中央に配置するには、まず
< 分周 ID = 「アラインコンテンツ」 >
Linuxhint は最高の Web サイトの 1 つです ために コンテンツ作成。
分周 >
出力
ステップ 2: div コンテナーにアクセスしてテキストを中央揃えにする
幅: 80 % ;
マージン: 0 自動;
パディング: 20px;
バックグラウンド: #c8edf3;
テキスト整列: 中央;
色: RGB ( 49 、 15 、 240 ) ;
}
ここ:
div内でテキストを垂直方向に中央揃えにする方法は?
表示: テーブルセル;
幅: 300px;
高さ: 150px;
パディング: 10px;
青色;
背景色: RGB ( 248 、 215 、 166 ) ;
ボーダー: 3px 破線 #f09d03;
垂直整列: 中央;
}
上記のコード スニペットによると、次のようになります。
コンテナー内のテキストを垂直方向と水平方向の両方で中央揃えにする完全な手順について学習しました。 結論