教程:样式库

EaseCation Wiki

---

flexdiv

为样式 wikibox 和 wikibox2 前置样式：

<div class="flexdiv"> ... </div>

wikibox

宽度为1/3的分块，且当屏幕过窄时宽度变为100%。需搭配 flexdiv ：

<div class="wikibox"> ... </div>

默认存在10px的内边框，可以添加style style="padding:0" 来取消内边框。

这里是第一个div块

这里是第二个

一共可以有三个

<div class="flexdiv">
<div class="wikibox" style="border:1px solid black">这里是第一个div块</div>
<div class="wikibox" style="border:1px solid black">这里是第二个</div>
<div class="wikibox" style="border:1px solid black">一共可以有三个</div>
</div>

这里有默认的10px内边框

取消了内边框

取消了内边框，并且将表格宽度和高度变为div的100%

<div class="flexdiv">
<div class="wikibox" style="border:1px solid black">
{| style="border:1px solid red"
|这里有默认的10px内边框
|}</div>
<div class="wikibox" style="border:1px solid black;padding:0">
{| style="border:1px solid red"
|取消了内边框
|}</div>
<div class="wikibox" style="border:1px solid black;padding:0">
{| style="border:1px solid red;width:100%;height:100%"
|取消了内边框，并且将表格宽度和高度变为div的100%
|}</div>
</div>

红色的border用以可视化表格的大小和位置，对于内边框更改的重点为style="padding:0"一项。

wikibox2

与wikibox相似，宽度为2/3的分块，且当屏幕过窄时宽度变为100%。需搭配 flexdiv ：

<div class="wikibox2"> ... </div>

默认存在10px的内边框，可以添加style style="padding:0" 来取消内边框。

这里是wikibox2

这里是wikibox

<div class="flexdiv">
<div class="wikibox2" style="border:1px solid black">这里是wikibox2</div>
<div class="wikibox" style="border:1px solid black">这里是wikibox</div>
</div>