template:clear-float

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

后一修订版
前一修订版
template:clear-float [2022/12/14 04:04]
蘇智昊 创建
template:clear-float [2022/12/14 08:16] (当前版本)
蘇智昊 更新示例
行 12: 行 12:
  
 ===== 示例 ===== ===== 示例 =====
 +==== 用于多个浮动元素 / 具有浮动元素的元素之间的换行 ====
 该模板最常用的地方是:在 infobox 中的某一个单元格中使用 template:icon 内的模板插入 该模板最常用的地方是:在 infobox 中的某一个单元格中使用 template:icon 内的模板插入
 多个描述图标,这些描述图标一行一个。 多个描述图标,这些描述图标一行一个。
行 36: 行 37:
 ^ 认证 ~~!~~ [|icon:acmonkey|][|icon:acavi|233|] ~~!~~ ^ 认证 ~~!~~ [|icon:acmonkey|][|icon:acavi|233|] ~~!~~
 |] |]
- +[|clear-float|] 
-这是由于每个 icon 模板内的 ''.wrap_template_icon-icon-body'' 元素是左浮动的。 +这是由于每个 icon 模板内图标容器 ''.wrap_template_icon-icon-body'' 是左浮动的。 
-所以第二个 icon 模板即使第一个 icon 模板不同一行它里面的 ''.wrap_template_icon-icon-body'' +所以 AVI 图标会企图猴子图标横向并排。但又因为「AcFun管理员」的存在,迫使整个 AVI  
-仍然会与第一个 icon 模板内的 ''.wrap_template_icon-icon-body'' 元素的最右边对齐+icon 模板向下移动,故造成了这种情况
  
 解决方法是在两个 icon 模板之间插入一个本模板。即如下: 解决方法是在两个 icon 模板之间插入一个本模板。即如下:
行 62: 行 63:
 ^ 认证 ~~!~~ [|icon:acmonkey|][|clear-float|][|icon:acavi|233|] ~~!~~ ^ 认证 ~~!~~ [|icon:acmonkey|][|clear-float|][|icon:acavi|233|] ~~!~~
 |] |]
 +[|clear-float|]
 +
 +==== 用于不让文字与浮动元素显示在一行上 ====
 +在一些特殊的地方,您不想让浮动元素发挥它的「浮动」作用——您想**先**显示浮动元素,**后**显
 +示文本,不准它们混在一起;或是禁止某个地方之后的内容与某个浮动体掺和在一起。在这时候,你可以
 +使用本模板。
 +
 +本文就是一个例子。你可以查看本文的源代码。
 +
 +[[ac人物:acfun虚拟偶像:歌者狗耳|歌者狗耳的页面]] 也是一个很好的例子。
  
 </noinclude><includeonly><WRAP clear /></includeonly> </noinclude><includeonly><WRAP clear /></includeonly>
  • template/clear-float.1670990653.txt.gz
  • 最后更改: 2022/12/14 04:04
  • 蘇智昊