如何将文本右侧的图标与图标列表元素模块对齐? [关闭]

Posted

技术标签:

【中文标题】如何将文本右侧的图标与图标列表元素模块对齐? [关闭]【英文标题】:How to align the icons to the right of the text with the icon list elementor module? [closed] 【发布时间】:2020-12-14 04:07:13 【问题描述】:

我想将文本右侧的图标与模块“icon list elementor”对齐,没有选项可以作为css解决方案吗?

icon list

【问题讨论】:

【参考方案1】:

你是对的,说没有选择-

但是在你的模块中,你可以通过应用下面的 css 来实现它。

selector .elementor-icon-list-item
    display:flex;

selector .elementor-icon-list-icon
    order:2;

这将使您的列表在末尾有图标,然后您可以玩弄定位。

【讨论】:

效果很好,谢谢。是否可以在文本和图标之间添加填充? @5jv,嗯,是的——你基本上可以用上面的 CSS 选择器做任何你想做的事情 :)

以上是关于如何将文本右侧的图标与图标列表元素模块对齐? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何将文本与 SVG 元素对齐? [复制]

需要帮助在我的文本右侧定位图标

如何将 Qlistwidgetitem 文本与图标垂直对齐?

如何将文本与图标字体垂直对齐?

如何在左侧按钮上创建一个带有文本并在右侧按钮上与其分开的图标的 JButton

引导列表组中的右对齐动画字体真棒图标