====== Wrap ======

Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。

關於Dokuwiki Wrap Plugin，可參考下列連結說明。

參考資料:
  * [[https://www.dokuwiki.org/plugin:wrap|Dokuwiki Wrap Plugin 說明]]
  * [[https://demo.selfthinker.org/plugin:wrap|Examples for the Wrap Plugin]]

===== 效果 =====
==== Boxes ==== 

<WRAP round box 70% center>
//**__round box 70% center__**//

  * ''box'' creates a box around the container and uses the colours from the template's ''style.ini'' as default colours (''%%__background_alt__%%'' and ''%%__text__%%'')
  * any of the classes ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' will add a special note container with a corresponding icon
  * the classes ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' use safety colours (and no icons)
  * ''round'' can be added to anything with a background colour or a border and will only work in modern browsers (no Internet Explorer)

  * **''column''** is the same as ''left'' in LTR languages and the same as ''right'' in RTL languages
  * **''left''** will let you float your wrap on the left
  * **''right''** will let the wrap float right
  * **''center''** will position the wrap in the horizontal center of the page

</WRAP>

==== Notes ====

<WRAP info 30%>info</WRAP>
<WRAP tip 30%>tip</WRAP>
<WRAP important 30%>important</WRAP>
<WRAP alert 30%>Alert</WRAP>
<WRAP help 30%>help</WRAP>
<WRAP download 30%>Download</WRAP>
<WRAP todo 30%>Toad</WRAP>

<WRAP info 220px left>
//**Info**//
  <WRAP info></WRAP>
</WRAP>


<WRAP tip 220px left>
//**Tip**//
  <WRAP tip></WRAP>
</WRAP>


<WRAP important 220px left>
//**Important**//
  <WRAP important></WRAP>
</WRAP>


<WRAP alert 220px left>
//**Alert**//
  <WRAP alert></WRAP>
</WRAP>


<WRAP round help 220px left>
//**Help**//
  <WRAP round help></WRAP>
</WRAP>


<WRAP download 220px left>
//**Download**//
  <WRAP download></WRAP>
</WRAP>


<WRAP todo 220px left>
//**Todo**//
  <WRAP todo></WRAP>
</WRAP>


<WRAP clear></WRAP>

**Safety Notes:**

<WRAP danger 27% left>
//**Danger**//
  <WRAP danger></WRAP>
</WRAP>

<WRAP warning 27% left>
//**Warning**//
  <WRAP warning></WRAP>
</WRAP>

<WRAP caution 27% left>
//**Caution**//
  <WRAP caution></WRAP>
</WRAP>

<WRAP round notice 27% left>
//**Notice**//
  <WRAP round notice></WRAP>
</WRAP>

<WRAP round safety 27% left>
//**Safety**//
  <WRAP round safety></WRAP>
</WRAP>

<WRAP clear></WRAP>

==== 文字的註解 ====
^ 效果 ^ 語法 ^
| <wrap info>info</wrap> |<code><wrap info>info</wrap></code>|
| <wrap help>help</wrap> | <code><wrap help>help</wrap></code>|
| <wrap alert>alert</wrap> | <code><wrap alert>alert</wrap></code>|
| <wrap important>important</wrap> | <code><wrap important>important</wrap></code>|
| <wrap tip>tip</wrap> |<code><wrap tip>tip</wrap></code>|
| <wrap download>download</wrap> |<code><wrap download>download</wrap></code>|
| <wrap todo>todo</wrap> and <wrap round box>round box</wrap> and <wrap danger>danger</wrap> |<code> <wrap todo>todo</wrap> and <wrap round box>round box</wrap> and <wrap danger>danger</wrap></code>|
| <wrap warning>warning</wrap> | <code><wrap warning>warning</wrap></code>|
| <wrap caution>caution</wrap> | <code><wrap caution>caution</wrap></code>|
| <wrap notice>notice</wrap> |<code> <wrap notice>notice</wrap></code>|
| <wrap safety>safety</wrap> |<code> <wrap safety>safety</wrap></code>|

==== Table Width ====

<WRAP tablewidth  60%>
^ Table ^ is ^
| 60% | wide |
</WRAP>





----
End
{{tag>plug-in}}
{{keywords>dokuwiki demo,Wrap Plug-in}}
{{description>Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。}}