Test：修订间差异 - PD2汉化wiki

（未显示同一用户的239个中间版本）

第1行：

~~注意符文名的英文名有 3 个符文(13~~#~~,16~~#~~,31#)有新旧两套官方英文名~~

Create a horizontal layout with flexible boxes:

</div>

~~{| class="wikitable"~~ style="~~text~~-~~align~~: center;

Items wrap on smaller screens and have a minimum width:

~~! 图片 !! 编号 !! 英文名 !! ~~原版繁 !!~~ <~~span class="d2-red">修正简 !! D2R繁 !! D2R简 !!

|-

~~| [[File~~:~~runeEl.png]] ||~~ 1 ~~|| ~~'''El'''~~</~~span~~> || <~~span class~~="~~d2-white">艾爾 || 艾尔 || 艾爾 || 艾尔

|-

~~| [[File:runeEld.png]] ||~~ 2 ~~|| '''Eld'''~~</~~span~~> || <~~span class~~="d2-white">艾德 || 艾德 || 艾德 || 艾德

</div>

|-

~~| [[File:runeTir.png]] ||~~ 3 ~~|| '''Tir'''~~</span> || 特爾 || 特尔 || 特爾 || 提尔

Use flex-direction: column for vertical alignment:

|-

~~| [[File:runeNef.png]] || 4 || '''Nef'''~~</~~span~~> ~~|| xx || xx || xx || xx~~

|-

~~| [[File:runeEth.png]] || 5 ||~~ <~~span class~~="d2-~~orange">'''Eth''' || ~~xx ||~~ <~~span class~~="~~d2-red">xx || xx || xx

</div>

|-

~~| [[File~~:~~runeIth.png]] || 6 || ~~'''Ith'''~~</~~span~~> || <~~span class~~="~~d2-white">xx || xx || xx || xx

Center-align items vertically and horizontally:

|-

~~| [[File~~:~~runeTal.png]] || 7 || ~~'''Tal'''~~</~~span> || ~~xx || xx || xx || xx~~

<div>Centered Content</div>

|-

</div>

~~| [[File:runeRal.png]] || 8 || '''Ral'''~~</~~span~~> ~~|| xx || xx || xx || xx~~

|-

Create a reusable template (e.g., Template:FlexContainer):

~~| [[File:runeOrt.png]] || 9 ||~~ <~~span class~~="~~d2-orange">'''Ort''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeThul.png]] || 10 || '''Thul''' || xx || xx || xx || xx~~

{{{1}}}

|-

</div>

~~| [[File~~:~~runeAmn.png]] || 11 || '''Amn''' || xx || xx || xx || xx~~

</includeonly>

|-

~~| [[File~~:~~runeSol.png]] || 12 || '''Sol''' || xx || xx || xx || xx~~

Usage in a page:

|-

{{FlexContainer|wrap=wrap|gap=20px|

~~| [[File~~:runeShael.png]] || 13 || Shae '''Shael''' || xx || xx || xx || xx

|-

~~| [[File:runeDol.png]] || 14 ||~~ <~~span class="d2-orange"~~>~~'''Dol'''~~</~~span> || xx || ~~xx || xx || xx

}}

|-

~~| [[File:runeHel.png]] || 15 || '''Hel'''~~</span> || xx || xx || xx || xx

|-

~~| [[File:runeIo~~.~~png]] || 16 || Po '''Io''' || xx || xx || xx || xx~~

|-

~~| [[File:runeLum~~.~~png]] || 17 || '''Lum''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeKo.png]] || 18 || '''Ko''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeFal.png]] || 19 || '''Fal''' || xx || xx || xx || xx~~

|-

~~| [[File:runeLem.png]] || 20 || '''Lem''' || xx || xx || xx ||~~ <~~span class="d2-teal"~~>xx

|-

~~| [[File:runePul.png]] || 21 ||~~ <~~span class~~="~~d2-orange">'''Pul''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeUm.png]] || 22 || '''Um''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeMal.png]]~~ |~~| 23 || '''Mal''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeIst.png]]~~ |~~| 24 || '''Ist''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeGul.png]]~~ |~~| 25 || ~~'''Gul''' || xx || xx || xx || xx

|-

~~| [[File:runeVex.png]] || 26 || '''Vex'''~~</span> || xx || xx || xx || xx

|-

~~| [[File:runeOhm.png]] || 27 || '''Ohm'''~~</~~span~~> ~~|| xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeLo.png]] || 28 || '''Lo''' || xx || xx || xx || xx~~

|-

~~| [[File:runeSur.png]] || 29 || '''Sur''' || xx || xx || xx~~ |~~| xx~~

|-

~~| [[File:runeBer.png]] || 30 ||~~ <~~span class="d2-orange">'''Ber''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeJah.png]] || 31 || Jo ~~'''Jah'''~~</~~span> || xx || ~~xx || xx || xx~~

|-

~~| [[File:runeCham.png]] || 32 ||~~ <~~span class="d2-orange">'''Cham''' || xx || xx || xx || xx~~

|-

~~| [[File~~:~~runeZod.png]] || 33 || ~~'''Zod'''~~</~~span~~> ~~|| xx || xx || xx || xx

|}

@@ 第1行： / 第1行： @@
-注意符文名的英文名有 3 个符文(13#,16#,31#)有新旧两套官方英文名
+Create a horizontal layout with flexible boxes:
+<div style="display: flex; gap: 10px; margin: 10px 0;">
+  <div style="flex: 1; padding: 10px; background: #f0f0f0; border-radius: 5px;">Box 1</div>
+  <div style="flex: 1; padding: 10px; background: #f0f0f0; border-radius: 5px;">Box 2</div>
+</div>
-{| class="wikitable" style="text-align: center;
+Items wrap on smaller screens and have a minimum width:
-! 图片 !! 编号 !! 英文名 !! <span class="d2-white">原版繁 !! <span class="d2-red">修正简 !! D2R繁 !! <span class="d2-teal">D2R简 !!
+<div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;">
-|-
+  <div style="flex: 1 1 250px; padding: 15px; background: #e3f2fd;">Item 1</div>
-| [[File:runeEl.png]] || 1 || <span class="d2-orange">'''El'''</span> || <span class="d2-white">艾爾 || <span class="d2-red">艾尔 || 艾爾 || <span class="d2-teal">艾尔
+  <div style="flex: 1 1 250px; padding: 15px; background: #e3f2fd;">Item 2</div>
-|-
+  <div style="flex: 1 1 250px; padding: 15px; background: #e3f2fd;">Item 3</div>
-| [[File:runeEld.png]] || 2 || <span class="d2-orange">'''Eld'''</span> || <span class="d2-white">艾德 || <span class="d2-red">艾德 || 艾德 || <span class="d2-teal">艾德
+</div>
-|-
-| [[File:runeTir.png]] || 3 || <span class="d2-orange">'''Tir'''</span> || <span class="d2-white">特爾 || <span class="d2-red">特尔 || 特爾 || <span class="d2-teal">提尔
+Use flex-direction: column for vertical alignment:
-|-
+<div style="display: flex; flex-direction: column; gap: 8px; max-width: 300px;">
-| [[File:runeNef.png]] || 4 || <span class="d2-orange">'''Nef'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+  <div style="padding: 8px; background: #ffebee;">Row 1</div>
-|-
+  <div style="padding: 8px; background: #ffebee;">Row 2</div>
-| [[File:runeEth.png]] || 5 || <span class="d2-orange">'''Eth'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+</div>
-|-
-| [[File:runeIth.png]] || 6 || <span class="d2-orange">'''Ith'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+Center-align items vertically and horizontally:
-|-
+<div style="display: flex; justify-content: center; align-items: center; height: 200px; border: 1px dashed #ccc;">
-| [[File:runeTal.png]] || 7 || <span class="d2-orange">'''Tal'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+  <div>Centered Content</div>
-|-
+</div>
-| [[File:runeRal.png]] || 8 || <span class="d2-orange">'''Ral'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
+Create a reusable template (e.g., Template:FlexContainer):
-| [[File:runeOrt.png]] || 9 || <span class="d2-orange">'''Ort'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+<includeonly>
-|-
+<div style="display: flex; gap: {{{gap|10px}}}; flex-wrap: {{{wrap|nowrap}}}; margin: {{{margin|10px 0}}};">
-| [[File:runeThul.png]] || 10 || <span class="d2-orange">'''Thul'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+  {{{1}}}
-|-
+</div>
-| [[File:runeAmn.png]] || 11 || <span class="d2-orange">'''Amn'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+</includeonly>
-|-
-| [[File:runeSol.png]] || 12 || <span class="d2-orange">'''Sol'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+Usage in a page:
-|-
+{{FlexContainer|wrap=wrap|gap=20px|
-| [[File:runeShael.png]] || 13 || <span class="d2-gray">Shae</span><br><span class="d2-orange">'''Shael'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+  <div style="flex: 1;">A</div>
-|-
+  <div style="flex: 1;">B</div>
-| [[File:runeDol.png]] || 14 || <span class="d2-orange">'''Dol'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
+}}
-|-
-| [[File:runeHel.png]] || 15 || <span class="d2-orange">'''Hel'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeIo.png]] || 16 || <span class="d2-gray">Po</span><br><span class="d2-orange">'''Io'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeLum.png]] || 17 || <span class="d2-orange">'''Lum'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeKo.png]] || 18 || <span class="d2-orange">'''Ko'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeFal.png]] || 19 || <span class="d2-orange">'''Fal'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeLem.png]] || 20 || <span class="d2-orange">'''Lem'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runePul.png]] || 21 || <span class="d2-orange">'''Pul'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeUm.png]] || 22 || <span class="d2-orange">'''Um'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeMal.png]] || 23 || <span class="d2-orange">'''Mal'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeIst.png]] || 24 || <span class="d2-orange">'''Ist'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeGul.png]] || 25 || <span class="d2-orange">'''Gul'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeVex.png]] || 26 || <span class="d2-orange">'''Vex'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeOhm.png]] || 27 || <span class="d2-orange">'''Ohm'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeLo.png]] || 28 || <span class="d2-orange">'''Lo'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeSur.png]] || 29 || <span class="d2-orange">'''Sur'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeBer.png]] || 30 || <span class="d2-orange">'''Ber'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeJah.png]] || 31 || <span class="d2-gray">Jo</span><br><span class="d2-orange">'''Jah'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeCham.png]] || 32 || <span class="d2-orange">'''Cham'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|-
-| [[File:runeZod.png]] || 33 || <span class="d2-orange">'''Zod'''</span> || <span class="d2-white">xx || <span class="d2-red">xx || xx || <span class="d2-teal">xx
-|}