検索

ホームページ  >  に質問  >  本文

CSS + HTML を使用してテキストを中央揃えにできない

CSS と HTML を使用してテキストを中央揃えにしようとしています。私は Web 開発が初めてなので、始めたばかりです。基礎コースを視聴し(最初のページを作成しました)、今は自分のプロジェクトに取り組んでいます(他のページ)

リーリー リーリー

しかし、まったく中央に配置されません。何時間もかけて調べたので、ついに助けを求めるためにここに来ました。次のような画像を添付しました:

私が望むのは、それが中央に表示されることだけです) - 少なくとも水平方向に! これを実現するにはどうすればよいでしょうか (このパートはパート 2 であることに注意してください)。ありがとう。

P粉662802882P粉662802882233日前439

全員に返信(1)返信します

  • P粉287726308

    P粉2877263082024-04-01 10:21:39

    1. あなたの セクション のパディングが不均一です。セクション全体が等間隔になるように、padding: 5rem 0; などの均一な値を指定する必要があります。

    2. .our-newsgrid-template-columns: 1fr 1fr を使用しました。これは、コンテナ内に 2 つの列があり、同じものを占めることを示しています。空間。したがって、この行を次のように変更する必要があります:

      グリッド テンプレート列: 1fr;

    3. Heading-Secondary に下部マージンを指定します。テキストの下に不要なスペースが入らないように、行を削除します。

    修正コード:

    リーリー リーリー

    返事
    0
  • キャンセル返事