CSS と HTML を使用してテキストを中央揃えにしようとしています。私は Web 開発が初めてなので、始めたばかりです。基礎コースを視聴し(最初のページを作成しました)、今は自分のプロジェクトに取り組んでいます(他のページ)
リーリー リーリー
しかし、まったく中央に配置されません。何時間もかけて調べたので、ついに助けを求めるためにここに来ました。次のような画像を添付しました:
私が望むのは、それが中央に表示されることだけです) - 少なくとも水平方向に! これを実現するにはどうすればよいでしょうか (このパートはパート 2 であることに注意してください)。ありがとう。
P粉2877263082024-04-01 10:21:39
あなたの セクション
のパディングが不均一です。セクション全体が等間隔になるように、padding: 5rem 0;
などの均一な値を指定する必要があります。
.our-news で
grid-template-columns: 1fr 1fr を使用しました。これは、コンテナ内に 2 つの列があり、同じものを占めることを示しています。空間。したがって、この行を次のように変更する必要があります:
グリッド テンプレート列: 1fr;
Heading-Secondary に下部マージンを指定します。テキストの下に不要なスペースが入らないように、行を削除します。