我有一个图标集和CSS代码将图标绑定到一个元素,但我不能让"i"标签与图标集一起工作,而不是用内容填充它.我是否必须为标签添加自定义代码？
我见过Twitter Bootstrap使用"i"标签作为图标.此外,我已经尝试了span标记,但这也不起作用.当我使用"li"或"div"标签时,它可以工作.
我错过了什么？提前致谢!
这并不能正常工作
<i class="icon icon-accessibility"></i>
这有效
<i class="icon icon-accessibility">BLAH</i>
我的CSS的例子
.icon {background: url('/images/icons.png') no-repeat top left;}
.icon-accessibility{ background-position: 0 0; width: 32px; height: 32px; }
Fio*_*ite 11
该<i>标签被用于表示内的文本应该是斜体.在这种情况下使用它没有意义.
如果您仍然希望保留它而不使用其他类似的东西div,那么问题是<i>标记是内联元素,而不是像a的块元素div.添加display: inline-block;到您的CSS,它将工作.
| 归档时间： |
|
| 查看次数： |
36807 次 |
| 最近记录： |