“模板:Column-width”的版本间的差异

来自UtaWiki
跳转至: 导航搜索
(以“<includeonly>-moz-column-width: {{{1|30em}}}; -webkit-column-width: {{{1|30em}}}; column-width: {{{1|30em}}};</includeonly><noinclude> 本模板用于块元素的样...”为内容创建页面)
 
 
第8行: 第8行:
  
 
;代码
 
;代码
:<code><nowiki><div style="{{column-width|25em}}">Lorem ipsum...</div></nowiki></code>
+
:<code><nowiki><div style="{{column-width|15em}}">Lorem ipsum...</div></nowiki></code>
 
;效果
 
;效果
:<div style="{{column-width|25em}}">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.</div>
+
:<div style="{{column-width|15em}}">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.</div>
  
 
== 相关模板 ==
 
== 相关模板 ==

2014年8月6日 (三) 11:30的最后版本

本模板用于块元素的样式中,为块元素设置分栏(需要浏览器支持CSS3)。

使用方法

{{column-count | [分栏宽度]}}

分栏宽度默认为30em。

代码
<div style="{{column-width|15em}}">Lorem ipsum...</div>
效果
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.

相关模板