divの中央揃えを覚えたら、ブラウザがサイドバーを追加してきた

We finally learned to center a div, then browsers added sidebars

divを中央に配置するのは、かつては絶対配置とtransformを使う儀式が必要でしたが、今ではCSS Gridで簡単にできます。しかし、ブラウザのサイドバーやDevToolsの存在が、見た目上の中央揃えを狂わせます。この記事では、ポインタイベントを利用してWebViewの位置を特定し、真の中央揃えを実現する方法を紹介します。また、任意のページで使える拡張機能「center, actually」も公開しています。

ポインタイベントは、画面上の位置とWebView内の位置を知っているため、WebViewがウィンドウ内のどこにあるかを特定するのに十分です。

同じ日のその他の記事

2026-08-04