トリック:絶対位置divを中央に配置

CSSでは、私たちが思っているほど複雑ではない単純なことで私たちの生活を複雑にすることがあります。 そして、私たちが解決策を見るとき、私たちはそのような逸話を観察することをほとんど笑います。

複数の人から、絶対位置のdivを中央に配置する方法を尋ねられましたが、答えは非常に簡単です。

  1. divに固定幅を与えます。 例:500px
  2. divを50%残して絶対に配置します。 例:位置:絶対;左:50%;
  3. 測定値の半分をマージンで減算します。 例:margin-left:-250px;

その結果、完全に中央に配置され、絶対に配置されたdivになります。


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   イワンリラ

    どうもありがとうございました..あなたがとても単純なことを言っているように、そしてそれは時間の経過にもかかわらずまだ多くの頭痛の種の作者です。
    あなたの投稿はとても役に立ちました、どうもありがとうございました。

  2.   コブ

    どうもありがとうございました !!!

  3.   グルブロマン

    良い貢献は私を大いに助けました、ありがとう

  4.   ルキャスグ

    彼が私に仕えたなんてすごいクレイジー:D

  5.   ビクター

    よろしくお願いします…

  6.   ベンジャミン

    とても良いカルロス。

  7.   マリオロザーノプレースホルダー画像

    優れた情報

  8.   フランクコック

    ありがとう、それは私に役立った

  9.   絞りかします

    あなたは私を救いました!!! ありがとうございました :)

  10.   ダニエルフロイド

    おじさん、ありがとうございます、あなたは私を大いに助けてくれました!!、私の想像力の欠如。

  11.   ダミアン

    どうもありがとうございました !!!!! このトリックはいつも私を助けます笑

  12.   o

    とても素晴らしい友達に感謝します

  13.   クリスマートアンジ

    これは中央に配置されていません。すべては、内部に配置されているものに応じて大きくなるベースdiv要素の元のサイズに依存します。私にとっては、さらに中央に配置されて応答性が高い場合は、視覚的よりもこれを使用する方が便利でした。

    絶対の;
    左:50%;
    マージン左:-100px;

    それは半分になります。

  14.   エドガー・ジュノ

    貢献に感謝します、それは本当に私を助けました、挨拶!

  15.   ミリアム・ジェス

    非常に良い貢献は私を大いに助けました、千の恵み!