模板:Gallerygrid
| 模板文档 [编辑]
| |
|---|---|
|
生成一个使用CSS3 Grid布局的画廊，用于取代传统的 参数
示例默认参数{{gallerygrid
|widths=180px
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::现在，你可以前往 MediaWiki 网站学习维基编写知识：
*[https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents MediWiki 帮助]
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::[[Template:Randomtips|自己动手，丰衣足食]]
|File:Tetris_collection_Simon_Laroche.jpg::*如果你会编写CSS，我们欢迎你加入[[Project:关于]]编辑群协助我们改善网站外观。我们需要你这样的人才。
|File:Tetris_collection_Simon_Laroche.jpg::*'''注意'''：俄罗斯方块中文维基是一个独立站点，与其他中外文wiki站点不存在任何隶属关系。
|File:Tetris_collection_Simon_Laroche.jpg::这些图片由 Tetris Wiki 活跃编辑者 [https://tetris.wiki/User:Simonlc simonlc]提供。
}}
 我是一段注释文本。 现在，你可以前往 MediaWiki 网站学习维基编写知识： 我是一段注释文本。 我是一段注释文本。
这些图片由 Tetris Wiki 活跃编辑者 simonlc提供。 全参数{{gallerygrid
|widths=160px
|heights=160px
|thumbsize=160px
|gap=8px
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::现在，你可以前往 MediaWiki 网站学习维基编写知识：
*[https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents MediWiki 帮助]
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::我是一段注释文本。
|File:Tetris_collection_Simon_Laroche.jpg::[[Template:Randomtips|自己动手，丰衣足食]]
|File:Tetris_collection_Simon_Laroche.jpg::*如果你会编写CSS，我们欢迎你加入[[Project:关于]]编辑群协助我们改善网站外观。我们需要你这样的人才。
|File:Tetris_collection_Simon_Laroche.jpg::*'''注意'''：俄罗斯方块中文维基是一个独立站点，与其他中外文wiki站点不存在任何隶属关系。
|File:Tetris_collection_Simon_Laroche.jpg::这些图片由 Tetris Wiki 活跃编辑者 [https://tetris.wiki/User:Simonlc simonlc]提供。
}}
我是一段注释文本。 现在，你可以前往 MediaWiki 网站学习维基编写知识： 我是一段注释文本。 我是一段注释文本。
这些图片由 Tetris Wiki 活跃编辑者 simonlc提供。 fit参数本节展示的是fit参数不同时图片的显示规律。 fit参数不填或为cover时，图片将保持比例填满可显示区域： {{gallerygrid
|widths=200px
|heights=200px
|fit=cover
|文件:Galleryplaceholder.jpg::fit参数为cover。图片的左右实际上被裁切了一部分。
}}
fit参数为cover。 fit参数为contain时，图片将全部展示在显示区域内（并对不符合比例的区域留白）： {{gallerygrid
|widths=200px
|heights=200px
|fit=contain
|文件:Galleryplaceholder.jpg::fit参数为contain。如果你在F12里选择图片，会发现图片上下出现了留白。
}}
fit参数为contain。 二次开发使用新的输出模板template参数指定了所需加载的模板。默认值default代表图像元素将通过模板:gallerygrid/default进行输出。你可以复制该模板到另一个模板子页面并在此基础上进行开发。 更改样式两个基础样式位于gadget:gallerygrid.css中。新增或修改的样式建议统一放在该文件中。
| |