flag-icon-css使用帮助
官方网址:http://flag-icon-css.lip.is
GitHub:https://github.com/lipis/flag-icon-css
简介描述:SVG的国旗图标集合,以及方便集成的CSS
SVG中所有国家标志的集合 – 加上CSS以便于集成。
flag-icon-css安装
通过Bower或NPM安装:
bower install flag-icon-css
npm install flag-icon-css
用法
对于使用内联文本的标志,将类.flag-icon和 .flag-icon-xx( 一个国家xx的 ISO 3166-1-alpha-2代码)添加到空<span>。如果您想要一个平方版本标志,那么也要添加该类flag-icon-squared。例:
<span class="flag-icon flag-icon-gr"></span>
<span class="flag-icon flag-icon-gr flag-icon-squared"></span>
你也可以将它应用于任何元素,但在这种情况下你将不得不使用 flag-icon-background而不是flag-icon你设置。这将使用以下CSS属性添加正确的背景:
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;