5
4

4 回答 4

13

该<i>标签用于表示其中的文本应为斜体。在这种情况下使用它是没有意义的。

如果您仍然想保留它并且不使用类似 a 的其他东西div，那么问题是<i>标签是一个内联元素，而不是像 a 这样的块元素div。添加display: inline-block;到您的 CSS 中，它将起作用。

于 2013-07-04T13:23:50.363 回答
4

您可以只使用img标签来显示图标。这在语义上更有意义，因为它毕竟是嵌入的内容，并且图标将是显而易见的。

于 2013-07-04T13:26:36.477 回答
2

撇开语义不谈，您什么也看不到，因为该<i/>元素是inline默认的。您可能希望添加display: inline-block;到.icon规则集中以匹配 Bootstrap 呈现其图标的方式。

如果您关心语义，请使用<div/>or<span/>代替。

于 2013-07-04T13:27:29.190 回答
1

Brthr，只需在您的“.icon”中添加一个“显示：内联块”，它可能会起作用

于 2013-07-04T13:33:23.693 回答