|
|
| （未显示同一用户的46个中间版本） |
| 第1行： |
第1行： |
| <div class="tooltip-wrapper"> | | Create a horizontal layout with flexible boxes: |
| {{{1|[[File:真.时间漩涡.png]]静态悬停}}}
| | <div style="display: flex; gap: 10px; margin: 10px 0;"> |
| <div class="tooltip-content">{{{2|[[File:弹蛋蛋3.gif]]}}}</div> | | <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> | | </div> |
| <span class="dynamic-tooltip" data-tooltip="动态提示内容">[[File:真.时间漩涡.png]]动态悬停(需要 CSS + JS)</span>
| |
|
| |
|
| [[Test#变形术|跳转测试]]
| | Items wrap on smaller screens and have a minimum width: |
| | <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> |
| | <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> |
| | </div> |
|
| |
|
| | Use flex-direction: column for vertical alignment: |
| | <div style="display: flex; flex-direction: column; gap: 8px; max-width: 300px;"> |
| | <div style="padding: 8px; background: #ffebee;">Row 1</div> |
| | <div style="padding: 8px; background: #ffebee;">Row 2</div> |
| | </div> |
|
| |
|
| <span class="d2-red" style="background-color: #ffeb3b; padding: 2px 5px;">高亮文本</span> | | Center-align items vertically and horizontally: |
| | <div style="display: flex; justify-content: center; align-items: center; height: 200px; border: 1px dashed #ccc;"> |
| | <div>Centered Content</div> |
| | </div> |
|
| |
|
| 123321
| | Create a reusable template (e.g., Template:FlexContainer): |
| | | <includeonly> |
| {| class="wikitable"
| | <div style="display: flex; gap: {{{gap|10px}}}; flex-wrap: {{{wrap|nowrap}}}; margin: {{{margin|10px 0}}};"> |
| ! 标题1
| | {{{1}}} |
| ! 标题2
| | </div> |
| ! 标题3
| | </includeonly> |
| |-
| |
| | style="background-color: #ffeb3b; padding: 8px;" | 黄色单元格
| |
| | style="background-color: #e3f2fd;" | 蓝色单元格
| |
| | style="background-color: red" | 测试单元格
| |
| |-
| |
| | style="background: linear-gradient(90deg, #ff9a9e, #fad0c4);" | 渐变色单元格
| |
| | style="background-color: #c8e6c9; border: 2px solid #4caf50;" | 带边框的单元格
| |
| | 单元格
| |
| |} | |
| | |
| {| class="wikitable" style="background-color: #c8e6c9; border: 2px solid #4caf50;"
| |
| ! 标题1
| |
| ! 标题2
| |
| ! 标题3
| |
| |-
| |
| | 黄色单元格
| |
| | 蓝色单元格
| |
| | 测试单元格
| |
| |-
| |
| | 渐变色单元格
| |
| | 带边框的单元格
| |
| | 单元格
| |
| |}
| |
|
| |
|
| {{InputBox | | Usage in a page: |
| | type = password | | {{FlexContainer|wrap=wrap|gap=20px| |
| | placeholder = 输入密码 | | <div style="flex: 1;">A</div> |
| | style = width: 200px; border-radius: 4px;
| | <div style="flex: 1;">B</div> |
| }} | | }} |
|
| |
|
| |
| omod = <span class=omod>omod</span><br>
| |
| nmod = <span class=nmod>nmod</span><br>
| |
| emphasis = <span class=emphasis>emphasis</span><br>
| |
| nodrop = <span class=nodrop>nodrop</span><br>
| |
|
| |
|
| |
| 第一种 Tooltip 效果(仅 CSS)
| |
| <div class="tooltip-wrapper">{{{1|[[File:真.时间漩涡.png]]静态悬停向上展开}}}
| |
| <div class="tooltip-content">{{{2|123456789012345678901234567890}}}</div></div>
| |
|
| |
|
| |
| 第二种 Tooltip 效果(实际是Dropdown)(仅 CSS)
| |
| <div class="dropdown">[[File:真.时间漩涡.png]]静态悬停向下展开
| |
| <div class="dropdown-content">123456789012345678901234567890</div></div>
| |
|
| |
|
| |
| 调用 StaticTooltip 模板:
| |
| <div style="text-align:center;">{{StaticTooltip|1=[[File:猫猫指你.png|85px]]|2={{#lsth:RWWeapons|力量 Strength}}}}
| |
| {{StaticTooltip|1=[[File:猫猫指你.png|85px]]|2={{#lsth:RWWeapons|钢铁 Steel}}}}</div>
| |
|
| |
|
| |
| <div class="custom-dropdown">
| |
| {{Clickable button 2|Test|点击展开}}
| |
| <div class="dropdown-content" style="display:none;">
| |
| <p>[[链接1]]</p>
| |
| <p>[[链接2]]</p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| {{red|模板红色字体}}<br>
| |
|
| |
| {{#if:{{{条件|1}}}|条件为真时显示|条件为假时显示}}
| |
|
| |
|
| |
| 变形术 Lycanthropy 初始生命增加从 4% 到 10%
| |
| 变形术 Lycanthropy 生命每等级增加从 1% 到 2%
| |
| 女武神 Valkyries 基础抗性减少 (他们以前有时会对元素免疫)
| |
| 血次元 Blood warp 生命消耗减少从 12% 到 8%
| |
| 地图现在包含更多的冠军和暗金怪群
| |
| 女梦魔女巫 Succubus witches 不再生成在层级 3 默认情况下现在只在地图属性 区域包含
| |
| 暗黑破坏神克隆体 Diablo clones 竞技场已经重新制作删除了一些奶酪策略现在将是一个更危险的战斗, 准备好一旦你进入洞穴!
| |
| 血河 The River of Blood 层级 3 地图现在拥有新的额外布局
| |
| 暗黑破坏神克隆体 Diablo clones 物理抗性已经被减少从 60% 到 30%
| |
| 暗黑破坏神克隆体 Diablo clones 格挡几率已经被减少从 50% 到 25%
| |
| 当我们排除 bug 时地图腐化目前被禁用
| |
| 地图悬停信息提示目前不会显示 -玩家抗性因为我们正在解决一个 bug (如果你是专家玩家在弹出其中一个地图之前警告你的队伍)
| |
| 禁止剥削者
| |
Create a horizontal layout with flexible boxes:
Items wrap on smaller screens and have a minimum width:
Use flex-direction: column for vertical alignment:
Center-align items vertically and horizontally:
Create a reusable template (e.g., Template:FlexContainer):
Usage in a page:
模板:FlexContainer