html – 链接和图标之间的空格,fontawesome

发布时间：2020-12-14 22:26:45 所属栏目：资源来源：网络整理

导读：在链接/段落和图标之间获得空间的最佳方式是什么？ link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"a href="#/upgrade/selection"i class="fa fa-reply"/iChange/a 在文本之前放置一个空格不起作用，

在链接/段落和图标之间获得空间的最佳方式是什么？

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<a href="#/upgrade/selection"><i class="fa fa-reply"></i>Change</a>

在文本之前放置一个空格不起作用，因为当您缩小/ uglify项目时，它将被更改。

我尝试了各种填充和边距。不能让他们分开。

解决方法

我会使用.fa-fw类。例如：< i class =“fa fa-cog fa-fw”>这增加了一个视觉空间(不会被剥离)，它是一致的，所以当/如果元素堆栈看起来好多了。

说明：http://fortawesome.github.io/Font-Awesome/examples/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!