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 回答