html – 为fa-fw Font Awesome图标添加填充

html – 为fa-fw Font Awesome图标添加填充,第1张

概述喜欢标题说我正在尝试添加填充arround字体Awsome图标与类fa-fw -comming这里从 android和 java所以有点困惑,并试图抓住css在moent但那部分我不能弄清楚:这里是代码: <div class="mainpage"> main-page works! <i class="fa fa-credit-card fa-fw" aria-hidden="true"> 喜欢标题说我正在尝试添加填充arround字体Awsome图标与类fa-fw -comming这里从 android和 java所以有点困惑,并试图抓住CSS在moent但那部分我不能弄清楚:这里是代码:

<div >  main-page works! <i  aria-hIDden="true"></i></div>

和CSS:

.fa-fw {  background: yellow;  padding: 10px;}

以及我得到的结果:
@L_419_2@

编辑:
代码:

<div  >  <app-top-bar (onToggleEmiter)="isMenuClosed =$event"></app-top-bar>  <div  [ngClass]="{extendedbar:sIDebarIsExpended === true}">    <div >      <div *ngIf="(isMenuClosed)===true; else noth" >        <app-sIDe-bar ></app-sIDe-bar>      </div>      <ng-template #noth>        <app-sIDe-bar ></app-sIDe-bar>      </ng-template>      <app-main-page></app-main-page>    </div>  </div></div>
解决方法 你的例子很好,这里你有10px填充黄色背景.

.fa-fw{  background: yellow;  padding: 10px;}
<link href="https://maxcdn.bootstrapcdn.com/Font-awesome/4.7.0/CSS/Font-awesome.min.CSS" rel="stylesheet" /><div >  main-page works!  <i  aria-hIDden="true"></i></div>
总结

以上是内存溢出为你收集整理的html – 为fa-fw Font Awesome图标添加填充全部内容,希望文章能够帮你解决html – 为fa-fw Font Awesome图标添加填充所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1058186.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存