Html 使前面带有图标的文本与下一行的文本垂直对齐

正如您在下面的代码中所看到的，每行上的文本从不同的位置开始，因为前面的图标具有不同的尺寸，这使得文本看起来很凌乱。使文本彼此对齐的最佳方法是什么（意味着它们都从同一点开始）

.iconText{
左边距：10px；
}

观点

评论

下载>

标签

我会将每个图标的宽度设置为某个静态值，例如：

i { width: 1em }

---

我会将每个图标宽度设置为某个静态值，例如：

i { width: 1em }

---

Font Awesome有一个内置类来解决这个问题<代码>固定宽度（fw=固定宽度）

将类应用于每个图标，它们将占据相同的水平空间

.iconText{
左边距：10px；
}

观点

评论

下载>

标签

Font Awesome有一个内置类来解决此问题<代码>固定宽度（fw=固定宽度）

将类应用于每个图标，它们将占据相同的水平空间

.iconText{
左边距：10px；
}

观点

评论

下载>

标签

很方便。谢谢，那很方便。谢谢