2021年07月12日(月)

CSSで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法

• 0
• 326
• 366
• 248

中央揃えの古典的なテクニックの一つ、モーダルやメッセージなどを表示する時に適したposition: fixed;での新しい記述方法を紹介します。

古い記述方法では、負のパーセンテージを使用していたり、あまり直感的ではないCSSでしたが、新しい記述方法ではそれらが解消されています。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

他デバイスとの同期も可能なオープンソースのクリップボードマネージャ・「XClipper」

         

NEXT ›

               

どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」

関連記事

• SEOに取り組む企業が”今”考えるべき生成AIについて｜セミナーレポート
• CSSをより深く理解する、プロパティの値に無効な値を設定する（IACVT）とどのように処理されているのかを解説
• CSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法
• CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
• 【図解】キーワード選定の正しいやり方─SEOの最初に読むべき記事

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSSで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法』についてまとめています。

この記事は特にSEO・twitterについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。