我想将文本与 Font Awesome 图标居中对齐 - 使用内联样式。
但是,这是行不通的。有谁能帮忙吗?
<div>
<span style="font-size: 17px !important; font-family: 'Francois One', sans-serif; color: #000000;">Rent single videos for $1.00 with Credit Card, Bitcoin or PayPal</span>
<span class="fa fa-cc-mastercard fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-visa fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-btc fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-paypal fa-3x" style=" vertical-align: middle;"></span>
</div>
最佳答案
要实现此功能,无论文本的字体大小如何,您都需要添加 vertical-align: middle;
到第一个跨度:
<div>
<span style="font-size: 17px !important; font-family: 'Francois One', sans-serif; color: #000000; vertical-align: middle;">Rent single videos for $1.00 with Credit Card, Bitcoin or PayPal</span>
<span class="fa fa-cc-mastercard fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-visa fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-btc fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-paypal fa-3x" style=" vertical-align: middle;"></span>
</div>
关于html - 中间对齐文本与 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31495220/