在文本旁边显示具体化图标?

Posted

技术标签:

【中文标题】在文本旁边显示具体化图标?【英文标题】:Display materialize icons next to text? 【发布时间】:2018-09-21 06:34:40 【问题描述】:

我似乎无法让它工作,物化图标在最左边或最右边。

这是一个示例

<a href="#">
    Some text <i class="material-icons">warning</i>
</a>

默认情况下,它位于文本的最左侧,但如果我在&lt;i&gt; 的类上添加“right”。我将在最右边的部分使用空格。我想要的是它在文本旁边(右)

【问题讨论】:

可能不是空格。 material-icons 类可能分配有 margin-leftpadding-left 我工作得很好fiddle.jshell.net/un2trf2m ....你在找什么? 【参考方案1】:

您应该删除&lt;i&gt;&lt;/i&gt; 标记之外的警告,然后尝试以下操作。希望,它对你有用。

Some text &lt;span&gt;&lt;i class="material-icons"&gt;&lt;/i&gt;&lt;/span&gt; warning

【讨论】:

以上是关于在文本旁边显示具体化图标?的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法在 JQuery Datatable 的标题文本旁边显示排序图标?

使用 Vuetify 在文本字段标签旁边显示工具提示图标

在 React 中使用样式组件在图标旁边显示文本

DataTables:在按钮中的文本旁边添加图标

如何获取文本框输入旁边的 JQuery DatePicker 图标?

如何在文本字段之后显示一个图标作为“帮助”以将值输入文本字段