ページ要素を中央寄せにするUserCSS

UserCSS.icon

行頭がインデントされていると左寄せになる

次のUI部品はページタイトルの上下に表示されるため、レイアウトの導線に合わせて中央寄せにしたほうがよい

Streamの更新日時バー

.section-0内の画像と動画

code:style.css

:where(.page) .line.line-title .text, /* ページタイトル */

.stream .page .line-title, /* Streamにおける、ページタイトル */

.stream h1, /* Streamの更新日時バー */ {

text-align: center;

text-wrap: balance;

}

code:style.css

:where(.page) .line :is(.text, .quote),

.stream .page .line {

&:has(img.image, img.strong-image, .video-player, .iframe-video-player):not(:has(.indent)) {

text-align: center;

}

2026-05-09 インデントしても行頭寄せにならない不具合を修正

code:style.css

:where(.page, .stream .page) .line .table-block {

margin: 0 auto;

text-align: center;

& .table-block-row {

display: flex !important;

flex-direction: row;

justify-content: safe center;

}

& .cell { text-align: start; }

&:has(> .indent:not(style="width: 0em;")) { text-align: start; }

}