SandBox/表組みの仕様

GUI編集はご遠慮ください。

本ページでは、表組みの細かい仕様について紹介します。
他のwikiでは仕様が異なる場合がありますので、ご注意ください。

+ 表組みテスト

リーフォン	リーフォン	リーフォン	リーフォン	リーフォン	リーフォン

ヘッダ	ヘッダ	ヘッダ	ヘッダ	ヘッダ	ヘッダ
リーフォン	リーフォン	リーフォン	リーフォン	リーフォン	リーフォン

PC・スマホ環境での表示の違い †

デスクトップ版サイトとモバイル版サイトには表示方法の違いが存在し、対策なしに表組みを作成すると読みにくくなってしまう。
そのため、本wiki含む多くのページで様々な対策が行われている。

※PCとスマホ両方の表示でご確認ください。

改行について †

|65|c
|あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよ|

表組の幅を65に設定しているため、それを超える場合文章が自動で改行される。
しかし、上記の表をスマホから確認すると改行されずに横長な表になっていることが確認できる。

ちなみに、幅を指定しない場合はこうなる。

対策には幾つかパターンがあるが、よく使われるのは以下の2パターン。

パターン1

|65|c
|あいうえお&br;かきくけこ&br;さしすせそ&br;たちつてと&br;なにぬねの&br;はひふへほ&br;まみむめも&br;やゆよ|

直接改行を指定する形。

パターン2★

|LEFT:65|c
|BGCOLOR(#EEF5FF):~&nobold{あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよ};|

˜(ヘッダ)の自動改行機能を利用する形。
LEFT:で左寄せ、BGCOLOR(#EEF5FF)で背景色を変更、noboldで太字を解除している。
これを利用するとスマホでも幅に合わせて自動で改行してくれるようになる。

wiki内で頻繁に利用されているのはこちらのパターン。

• 幅を指定しない場合でも柔軟に対応してくれる。

  あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん

より具体的な使用例↓

|BGCOLOR(#EEF5FF):LEFT:|c
|~&nobold{通常攻撃：&br;最大5段の攻撃で敵に物理ダメージを与える。操作中のオペレーターの場合、&tooltip(重攻撃);は
ブレイク値&color(#f49800){18};を与える。&br;&br;落下攻撃：&br;空中で通常攻撃を使用すると、 落下して周囲の敵に物理ダメージを与える。
&br;&br;終撃：&br;近くにブレイク状態の敵がいるときに通常攻撃を使用すると、その敵に終撃を行い、高い物理ダメージを与えてSPを一定量回復する。};|

画像について †

画像が潰れる †

リーフォン	ロッシ	管理人	ポグラニチニク

画像サイズが大きい場合、画像が潰れることがある。

パターン1

リーフォン	ロッシ	管理人	ポグラニチニク

テキストの幅に合わせて自動で幅を狭めているため、空白を詰め込んだセルで幅を確保することで対策することができる。
使用例→オペレーター一覧など

パターン2

裏を返せば、テキストさえなければ均一に縮小するため対策する必要がない。
使用例→ショートカットテスト オペレーター一覧

画像がはみ出す †

事例1

表に対して画像サイズが大きいと溢れる場合がある。

編成
	レーヴァテイン	灼熱付着	灼熱付着	自由枠
武器		-	-	-

幅を広めに確保するか、画像サイズを縮小することで対策できる。
(この手のケースは画像が大きすぎる場合が多いため、とりあえず後者を試すのがおすすめ)

今回の場合、画像がはみ出さないよう幅を十分に確保しようとすると、このようにPCから見た時の幅が広がってしまう。
また、スマホからだと横スクロールが必要になり読みにくい。

↓幅を広めに確保する

編成
	レーヴァテイン	灼熱付着	灼熱付着	自由枠
武器		-	-	-

↓画像サイズを縮小する

編成
	レーヴァテイン	灼熱付着	灼熱付着	自由枠
武器		-	-	-

↓"画像が潰れる"のパターン2のように画像を並べても解決できないため注意。

編成
	レーヴァテイン	灼熱付着	灼熱付着	自由枠
武器

事例2

スマホの横幅に収まるよう自動で表が縮小されるが、画像の幅は計算に含まれない(と、思われる)
上：画像あり 下：画像なし

名称	昇進	必要信頼度	解放素材	効果
守誓	昇進3	100%	協約角柱セットx10 折金券x6000	意志+15
	昇進4	100%	協約角柱セットx20 折金券x12000	意志+20

協約角柱セットの個数表記がはみ出ている。
空行等で幅を確保することで、はみ出しを防ぐことができる。

名称	昇進	必要信頼度	解放素材	効果
守誓	昇進3	100%	協約角柱セットx10 折金券x6000	意志+15