微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

flag-icon-css

编程之家收集整理的这个编程导航主要介绍了flag-icon-css编程之家,现在分享给大家,也给大家做个参考。

flag-icon-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;

网站地址:http://flag-icon-css.lip.is

GitHub:https://github.com/lipis/flag-icon-css

网站描述:SVG的国旗图标集合,以及方便集成的CSS

flag-icon-css

官方网站:http://flag-icon-css.lip.is

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。