1

「div」タグに関して問題があります-テキストと見出しの両方で。私はまだ写真をアップロードできないので（私はここで初心者であるため）、私は自分の能力の限りを尽くして説明しようとします。

  • 1つの「div」には「h1」の後に「p」が続きます。「div」全体が左に浮かんでいます。
  • もう1つの「div」には「h2」の後に「p」が続きます。「div」全体が右に浮かんでいます。

2つの「text-div」は隣り合っているので、両方の「p」を完全に揃えてミラーリングする必要があります。私の「h1」は「h2」よりも大きいので、最初の「div」の「p」は反対側の「p」よりもさらに押し下げられます。

この問題を解決する賢い方法はありますか？余白とパディングで遊んでみましたが、合わせるのが面倒そうです！

ご理解いただければ幸いです。

最高のCSS_maniac

4

2 に答える 2

1

まず、CSSリセットスクリプトを使用して、使用する変数の数（マージン、パディング、テキストサイズ）を制限し、これがすべてのブラウザーで正しくレンダリングされるようにすることをお勧めします。 エリックマイヤーのCSSリセットは本当に人気があります。次にfont-size、h1とh2を調整して希望どおりに表示し、h1とh2のpadding-bottomまたはを調整margin-bottomしてpを適切に位置合わせします。

于 2012-08-21T18:36:34.983 に答える
1

はい。この問題を解決するには、少なくとも10の方法があります。

次の属性のいずれかをpタグのいずれかに追加できます

position: relative; top: (specify amount in px or em, without parentheses);

margin-top: 10px;

position: absolute; // Very similar to position: relative;

幸運を

-ブライアン

于 2012-08-21T18:36:49.407 に答える