增加 HTML 中图标的大小答案

【问题标题】：Increase size of Icon in HTML增加 HTML 中图标的大小
【发布时间】：2021-11-12 09:30:09
【问题描述】：

有没有办法增加下面图标的大小。我尝试了 size 属性但不起作用

<span style="color:red">&#x1F6C8</span>

【问题讨论】：

标签： html

【解决方案1】：

好吧，正如评论中提到的，它实际上是一个文本，因此您可以使用 CSS font-size 属性来增加图标的大小。另外，您错过了;。

&lt;span style="color:red; font-size: 80px"&gt;&amp;#x1F6C8;&lt;/span&gt;

【讨论】：

【解决方案2】：

我认为 font-size 会起作用，试着把它放在风格中

【讨论】：

【解决方案3】：

如果您只想增加图标的大小，则可以将其包裹在另一个 span 元素中，并仅为该元素设置更大的 font-size：

.icon {
  font-size: 30px;
}

&lt;span style="color:red"&gt;sdsd &lt;span class="icon"&gt;&amp;#x1F6C8;&lt;/span&gt;&lt;/span&gt;

【讨论】：

【解决方案4】：

实现这一点的最佳方法是嵌套这样的跨度：

<span style="color:red">sdsd <span style="font-size:36px">&#x1F6C8</span></span>

嵌套跨度有效，请参阅此问题：

【讨论】：