html – Twitter Bootstrap的图标如何工作?

前端之家收集整理的这篇文章主要介绍了html – Twitter Bootstrap的图标如何工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Should I use <i> tag for icons instead of <span>? [closed]7个
当在页面上放置图标时,似乎它以某种方式覆盖了旧的,半被弃用的斜体< i>标签用作特殊图像标签.无论是这还是让我想起我…是< img ...>的懒惰解释.

当它需要的时候,它的工作原理就是样式表,我可以用这样的方式来覆盖其他标签吗?

解决方法

[class^="icon-"],[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}

你可以看到标签没有关系,他们可能会使用我,因为很好…它已被弃用.在这种情况下,图像标签将不起作用,因为它们正在使用精灵图表…

.icon-glass {
  background-position: 0      0;
}
原文链接:https://www.f2er.com/html/231287.html

猜你在找的HTML相关文章