将div放置在另一个div的中间

阿克海尔KM

我想将加号放置在圆圈中间的下方。现在,我尝试使用top,left属性。那仅适用于一台设备。当我在智能手机上查看页面时,所有内容都会丢失。因此,我需要一个不使用顶部和左侧的方法位置,并且移动圆不会影响加号(它将保持在中心)。

我的代码:

<html>
<body>
    <div id="button"><div id="plus">+</div></div>
</body>

<style>

    #button
    {
        position : relative;
        width : 100px;
        height : 100px;
        border-radius : 100%;
        background-color : red;
    }

    #plus
    {
        display : inline-block;
        position : absolute;
        width : 50%;
        height : 50%;
        margin : auto;
        left : 5px;
        font-family : sans-serif;
        font-size : 40px;
        color : black;
        vertical-align : middle;
        text-alignment : center;    

    }
</style>

克里斯·布朗

该小提琴包含一个在更新字体大小时保持居中位置的版本。但是,它确实取决于CSS3 translate-y如果支持老版本的浏览器是一个问题,请检查此资源以查看支持哪些浏览器。但是,根据我的评论,由于字体变化,不能保证它是完美的。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将div放置在另一个div的中间没有成功

来自分类Dev

将div放置在另一个div的位置

来自分类Dev

将<div>放置在另一个<div>上

来自分类Dev

如何将一个div居中放置在底部,并在中间放置另一个可实现的居室?

来自分类Dev

另一个div中间对齐的div

来自分类Dev

另一个垂直div中间的div位置

来自分类Dev

将一个div放置在另一个位置

来自分类Dev

将一个div放置在另一个位置

来自分类Dev

问题-如何将div与另一个div放在中间的脖子上

来自分类Dev

将div垂直居中放置在另一个div中

来自分类Dev

如何将类似网格的overlay div放置在悬停的另一个div上?

来自分类Dev

无法将嵌套的div放置在html css中的另一个div旁边

来自分类Dev

仅使用CSS,将div放置在使用vh单位的另一个div中

来自分类Dev

将div放置在另一个div之下(使用flexbox)

来自分类Dev

bootstrap 3 z-index将div放置在另一个div上

来自分类Dev

将div垂直居中放置在另一个div中

来自分类Dev

将div放置在另一个div下方[使用display:flex]

来自分类Dev

将动画div放置在具有z-index的另一个div下

来自分类Dev

如何将div放置在另一个div中?

来自分类Dev

HTML-无法将div放置在另一个div的底部

来自分类Dev

如何将圆形div放置在充当条形的另一个div的末端?

来自分类Dev

将固定div放置在另一个div下进行滚动

来自分类Dev

将div居中放置在另一个div中并在图像上

来自分类Dev

将div分隔格放置在另一个div的垂直中心

来自分类Dev

使用jQuery将div放置在另一个div的中心

来自分类Dev

将一个div放置在具有一定长度的另一个div上

来自分类Dev

将一个div放置在具有一定长度的另一个div上

来自分类Dev

Div位置在另一个垂直元素的中间

来自分类Dev

将2个项目垂直居中放置在另一个居中的div中

Related 相关文章

  1. 1

    将div放置在另一个div的中间没有成功

  2. 2

    将div放置在另一个div的位置

  3. 3

    将<div>放置在另一个<div>上

  4. 4

    如何将一个div居中放置在底部,并在中间放置另一个可实现的居室?

  5. 5

    另一个div中间对齐的div

  6. 6

    另一个垂直div中间的div位置

  7. 7

    将一个div放置在另一个位置

  8. 8

    将一个div放置在另一个位置

  9. 9

    问题-如何将div与另一个div放在中间的脖子上

  10. 10

    将div垂直居中放置在另一个div中

  11. 11

    如何将类似网格的overlay div放置在悬停的另一个div上?

  12. 12

    无法将嵌套的div放置在html css中的另一个div旁边

  13. 13

    仅使用CSS,将div放置在使用vh单位的另一个div中

  14. 14

    将div放置在另一个div之下(使用flexbox)

  15. 15

    bootstrap 3 z-index将div放置在另一个div上

  16. 16

    将div垂直居中放置在另一个div中

  17. 17

    将div放置在另一个div下方[使用display:flex]

  18. 18

    将动画div放置在具有z-index的另一个div下

  19. 19

    如何将div放置在另一个div中?

  20. 20

    HTML-无法将div放置在另一个div的底部

  21. 21

    如何将圆形div放置在充当条形的另一个div的末端?

  22. 22

    将固定div放置在另一个div下进行滚动

  23. 23

    将div居中放置在另一个div中并在图像上

  24. 24

    将div分隔格放置在另一个div的垂直中心

  25. 25

    使用jQuery将div放置在另一个div的中心

  26. 26

    将一个div放置在具有一定长度的另一个div上

  27. 27

    将一个div放置在具有一定长度的另一个div上

  28. 28

    Div位置在另一个垂直元素的中间

  29. 29

    将2个项目垂直居中放置在另一个居中的div中

热门标签

归档