如何使用CSS在同一位置显示2个元素?

哈尼夫
<div>
<ul class="social-icon">
    <li>
        <a href="#" class="social-facebook">
          <i class="fa fa-facebook"></i>
          <i class="fa fa-facebook ff"></i>
        </a>
    </li>
</ul>
</div>

我想将这两个图标显示在同一位置,就像一个图标...请帮助我。对不起,我的英语不好。这是jsfiddle编辑器链接

马特·哈里森(Matt Harrison)

使用以下CSS:

.social-facebook {
  position:relative;
}

.fa-facebook {
  position: absolute;
  top: 0px;
  left: 0px;
}

注意:您可以根据自己的喜好调整left / top属性。

这是更新的小提琴:http : //jsfiddle.net/2N2YF/32/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS在同一位置显示2个图标?

来自分类Dev

使用jQuery在同一位置显示项目

来自分类Dev

如何使用javascript在复选框单击上交替显示两个div(在同一位置显示一个div并在同一位置隐藏另一个div)

来自分类Dev

CSS 如何让表格中的所有元素在同一位置结束

来自分类Dev

当两个视图位于同一位置时,如何控制显示和隐藏?

来自分类Dev

隐藏<div>并在同一位置显示一个新的?

来自分类Dev

使div在单击时显示在同一位置

来自分类Dev

将鼠标悬停在同一位置的两个元素上

来自分类Dev

如何使用applescript将桌面元素(图标,文件,文件夹)始终保存在同一位置

来自分类Dev

连接两个查询以在同一位置显示

来自分类Dev

连接两个查询以在同一位置显示

来自分类Dev

使用Leaflet,如果我在同一位置有两个控件,该如何订购控件?

来自分类Dev

使用Leaflet,如果我在同一位置有两个控件,该如何订购控件?

来自分类Dev

如何在同一位置显示不同的索引数组在php

来自分类Dev

如何使按钮保持在同一位置?

来自分类Dev

如何保持文字在同一位置?

来自分类Dev

为什么2个div不在同一位置开始

来自分类Dev

LocationManager会为同一位置的Lat和Long提供2个不同的值

来自分类Dev

layeredPane 中同一位置的 2 个 MouseListeners

来自分类Dev

如何比较边缘几乎在同一位置的两个信号?

来自分类Dev

在同一位置如何有两个相同的文件夹?

来自分类Dev

AngularJS:如何隐藏一个控制器div,然后在同一位置显示另一个控制器div?

来自分类Dev

如何使用Github API列出同一位置的所有用户?

来自分类Dev

2个CMFCTabControls处于不同位置,但选项卡位于同一位置

来自分类Dev

调整浏览器大小时,如何将每个元素固定在同一位置?

来自分类Dev

即使我重新加载页面,如何将 div 元素放在同一位置并检索 .data() 值

来自分类Dev

如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

来自分类Dev

如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

来自分类Dev

如何在RDLC 2010报告的每个页面上的同一位置显示相同的图像

Related 相关文章

  1. 1

    使用CSS在同一位置显示2个图标?

  2. 2

    使用jQuery在同一位置显示项目

  3. 3

    如何使用javascript在复选框单击上交替显示两个div(在同一位置显示一个div并在同一位置隐藏另一个div)

  4. 4

    CSS 如何让表格中的所有元素在同一位置结束

  5. 5

    当两个视图位于同一位置时,如何控制显示和隐藏?

  6. 6

    隐藏<div>并在同一位置显示一个新的?

  7. 7

    使div在单击时显示在同一位置

  8. 8

    将鼠标悬停在同一位置的两个元素上

  9. 9

    如何使用applescript将桌面元素(图标,文件,文件夹)始终保存在同一位置

  10. 10

    连接两个查询以在同一位置显示

  11. 11

    连接两个查询以在同一位置显示

  12. 12

    使用Leaflet,如果我在同一位置有两个控件,该如何订购控件?

  13. 13

    使用Leaflet,如果我在同一位置有两个控件,该如何订购控件?

  14. 14

    如何在同一位置显示不同的索引数组在php

  15. 15

    如何使按钮保持在同一位置?

  16. 16

    如何保持文字在同一位置?

  17. 17

    为什么2个div不在同一位置开始

  18. 18

    LocationManager会为同一位置的Lat和Long提供2个不同的值

  19. 19

    layeredPane 中同一位置的 2 个 MouseListeners

  20. 20

    如何比较边缘几乎在同一位置的两个信号?

  21. 21

    在同一位置如何有两个相同的文件夹?

  22. 22

    AngularJS:如何隐藏一个控制器div,然后在同一位置显示另一个控制器div?

  23. 23

    如何使用Github API列出同一位置的所有用户?

  24. 24

    2个CMFCTabControls处于不同位置,但选项卡位于同一位置

  25. 25

    调整浏览器大小时,如何将每个元素固定在同一位置?

  26. 26

    即使我重新加载页面,如何将 div 元素放在同一位置并检索 .data() 值

  27. 27

    如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

  28. 28

    如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

  29. 29

    如何在RDLC 2010报告的每个页面上的同一位置显示相同的图像

热门标签

归档