模板:Clearleft

來自維基學院
文件圖示 模板文件[檢視] [編輯] [歷史] [清除快取]

本模板會增加原始碼<div style="clear:both;"></div>;XHTML技術的細節請見en:Template talk:Clear

說明[編輯原始碼]

{{clear}}讓後續內容整個在新列呈現。常使用於避免文字跟在無關的圖像後方。

使用方法[編輯原始碼]

直接使用:

{{Clear}}

使用匿名參數:

{{Clear|left}}
{{Clear|right}}

本模板也可用替換引用(Subst:)形式使用,但鑑於生成的標記會讓很多編輯者感到困惑,並且本模板也提供了自身的說明文檔,因此沒有多大理由使用替換引用形式。

未使用{{clear}}模板的範例[編輯原始碼]

示範圖片
示範圖片

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

新章節[編輯原始碼]

注意本節和圖像重疊於同列,章節內容起始於圖像的右側。

使用{{clear}}模板的範例[編輯原始碼]

示範圖片
示範圖片

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{clear}}

新章節[編輯原始碼]

這樣看起來不是好多了嗎?

重定向[編輯原始碼]

參見[編輯原始碼]