Scrapboxのプレゼンモードで画像を中央寄せにする
標準だと左に寄ってしまう
https://gyazo.com/c9ef292d31e16d075e4cb4e2b879ff26
プレゼンモードでは中央に寄って欲しい
https://gyazo.com/7a07f819b983f3cccb580c3dc743de11
code: style.css
.app.presentation span.text:has( .modal-image) {
text-align: center;
}
or
code: style.css
@import url("/api/code/elecdeer-pub/Scrapboxのプレゼンモードで画像を中央寄せにする/style.css")
Scrapboxはプレゼンモードにすると、ルート要素に.presentationが付く
cssで切り替えしてるだけらしい
画像の中央寄せは.text要素にtext-align: centerを適用させればよい
が、単純に.textで指定すると普通のテキストも中央寄せになってしまうので、:hasを使って画像のある行のみに絞っている
現時点ではFirefoxには:has疑似クラスが実装されていないので、Firefoxでは動かない
早く実装して♡