2021年07月12日(月)

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

• 0
• 326
• 364
• 248

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

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

author:

コリス

http://coliss.com

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

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

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

         

‹ PREV

               

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

         

NEXT ›

               

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

関連記事

• 「コンテンツSEOを代理店に頼んでいるけど成果が出ない」方によくおすすめする4つのアクション
• オウンドメディアで行うべき改善施策を3パターンの課題別に紹介
• オウンドメディアのデザインは最低限でOK｜デザイナーが語るその理由
• 検索ボリュームがゼロのキーワードなのに、あなたのサイトのCVを倍増させる可能性が！
• YouTubeのハードルが高くて始められない企業へのアドバイス

Ads

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

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