私がもちゃもちゃ試行錯誤や寄り道してる間に何らかさんで本文分割スクリプトが公開されてる〜!良さそう、あとで試してみよ〜
となると私が作ってたのは用済みな気がするけどせっかく説明やデモまで作ってたからひっそり公開するかもしれないし、しないかもしれない
どちらにせよこれから作る配布用展示目的スキンには多分組み込んでしまうかも
flexで段組して可変のカラムにpre入れたときにpreの内…
flexで段組して可変のカラムにpre入れたときにpreの内容によって横幅が際限なく伸びていく件
参考にしたページ(最小幅指定する・FlexBox枠内のPreタグ領域がFlexBoxの枠をはみ出してしまう現象の回避方法 - CSS Tips | iPentec )試したけど駄目で結局親にコンテナクエリ設定してpreの幅指定を親幅(100cqi)にしたことで解決した #CSS
.onelogbox {
container-type: inline-size;
pre {
max-width: 100cqi;
overflow: auto!important;
}
}
これでXmodoki2にコード書いても表示崩れなくなったはず…
参考にしたページ(最小幅指定する・FlexBox枠内のPreタグ領域がFlexBoxの枠をはみ出してしまう現象の回避方法 - CSS Tips | iPentec )試したけど駄目で結局親にコンテナクエリ設定してpreの幅指定を親幅(100cqi)にしたことで解決した #CSS
.onelogbox {
container-type: inline-size;
pre {
max-width: 100cqi;
overflow: auto!important;
}
}
これでXmodoki2にコード書いても表示崩れなくなったはず…
これ今更の話だけど
これ今更の話だけど
[ONEPICT:1]の#てがろぐ記法 について
ギャラリーモードで原寸へのリンクする設定の時
<a class="imagelink nsfw" href="原寸画像パス" data-lightbox="tegalog" data-title="キャプションまたはファイル名">
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
</a>
ギャラリーモードで原寸へのリンクする設定オフの時
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
ってなってimgの上にラッパーある前提でNSFWのスタイル指定してる身としては悩ましいところである…
オフの時も
<span class="nsfw">
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
</span>
みたいに出力してくれると助かったりするんですけどどうでしょうか~!?
[ONEPICT:1]の#てがろぐ記法 について
ギャラリーモードで原寸へのリンクする設定の時
<a class="imagelink nsfw" href="原寸画像パス" data-lightbox="tegalog" data-title="キャプションまたはファイル名">
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
</a>
ギャラリーモードで原寸へのリンクする設定オフの時
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
ってなってimgの上にラッパーある前提でNSFWのスタイル指定してる身としては悩ましいところである…
オフの時も
<span class="nsfw">
<img class="embeddedimage nsfw" loading="lazy" src="原寸画像パス" alt="キャプションまたはファイル名">
</span>
みたいに出力してくれると助かったりするんですけどどうでしょうか~!?