【问题标题】:How to set FontAwesome icon width, height and positioning according to its parent's width and height?如何根据父级的宽高设置FontAwesome图标的宽高和定位?
【发布时间】:2015-08-07 01:11:37
【问题描述】:

我在我的网页上使用 FontAwesome 图标。包含图标的 div 的高度和宽度基于用户输入。我希望图标适合 div 随着 div 高度和宽度的变化。我还想在该 div 中居中图标。 网络上关于这方面的信息非常有限。

我可以通过 font-size 获取/设置 font-height 或 font-width 吗?字体大小和字体高度/宽度之间有什么关系吗?

【问题讨论】:

  • 我正在尝试一些事情,我找到了一种方法来减少 字体中 标记的宽度。但它只发生在页面加载到开发人员工具中之后,而不是通过 JavaScript。任何方式都可以使用 JavaScript 完成。

标签: jquery font-size font-awesome-4


【解决方案1】:

FontAwesome 图标位于字体内部,因此您可以使用 font-size 设置它们的大小。

你可以像这样使用 jQuery 做到这一点:$('.icon').css('font-size', 100);

【讨论】:

  • 我想控制字体宽度和高度,而不是字体大小。
  • 它们是通过font-size定义的
  • 是的,但是如果 x 是字体大小 x*y 是字体宽度,是否有任何关系?我想操纵宽度,因为图标要离开它们的父级。
  • 我正在尝试一些事情,我找到了一种方法来减少 字体中 标记的宽度。但它只发生在页面加载到开发人员工具中之后,而不是通过 javascript
  • 我认为您只能使用font-stretch 操作字体宽度,但这不接受数值。也许你应该考虑使用 SVG 图标而不是字体图标。
猜你喜欢
  • 1970-01-01
  • 2015-08-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-31
相关资源
最近更新 更多