将div居中于左,右和绝对位置

凯尔·麦克林(Kyle Maclean)

我有一个div,position:absolute我需要将其放在文档的中心。我以为可以使用left:50%; top:50%,但是div会根据其侧面从顶部和左侧移动div 50%,所以它比我想要的更靠近右侧和底部。有没有办法将div的中心作为焦点来移动div?

高度和宽度都必须为300px,并且无论分辨率如何,div都必须始终位于文档的中心-这就是为什么我不能使用静态值而必须使用百分比的原因

用户名

为什么不试试看呢,它比弄乱像素更简单,更通用:

.div {
position:absolute;
border:1px solid black;
width:100px;
height:100px;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;

}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

居中div绝对位置?

来自分类Dev

垂直和水平在div中居中div,绝对位置

来自分类Dev

将绝对位置div标签的子项居中

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

需要居中div绝对位置

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

将绝对圆角 div 居中在另一个绝对位置 div 之上

来自分类Dev

使用flexbox在div内居中div并使用绝对位置

来自分类Dev

如何使用绝对位置和左偏移量水平居中文本 Div

来自分类Dev

将div定位到已经居中的内容而没有绝对位置

来自分类Dev

使用绝对位置水平和垂直居中div

来自分类Dev

结合绝对位置和居中文字

来自分类Dev

如何将img内部绝对位置居中

来自分类Dev

垂直居中,绝对位置,多个元素

来自分类Dev

绝对位置的div中的页眉,内容和页脚

来自分类Dev

HTML CSS Div重叠绝对和相对位置

来自分类Dev

固定和绝对位置div下的文本

来自分类Dev

将Div与绝对位置垂直对齐

来自分类Dev

将Div置于绝对位置的中心的更好方法是?

来自分类Dev

将div置于黄金比例:替代绝对位置?

来自分类Dev

将父级的高度与子级元素相匹配-相对位置和绝对位置

来自分类Dev

绝对位置的div与相对位置的div不重叠

来自分类Dev

身体高度时垂直居中div:100%无绝对位置

来自分类Dev

在绝对位置的div中滚动div

来自分类Dev

如何在放置在绝对位置的响应图像上垂直和水平居中放置文本?

来自分类Dev

如何在我的情况下将绝对位置元素居中

来自分类Dev

2列布局,带页脚和绝对位置,右列高度为100%

来自分类Dev

CSS:绝对位置和相对位置

来自分类Dev

在div中将居中的绝对位置的图像水平居中,而不会出现水平滚动条(也在移动设备中)

Related 相关文章

  1. 1

    居中div绝对位置?

  2. 2

    垂直和水平在div中居中div,绝对位置

  3. 3

    将绝对位置div标签的子项居中

  4. 4

    HTML:了解居中的Div的绝对位置

  5. 5

    需要居中div绝对位置

  6. 6

    HTML:了解居中的Div的绝对位置

  7. 7

    将绝对圆角 div 居中在另一个绝对位置 div 之上

  8. 8

    使用flexbox在div内居中div并使用绝对位置

  9. 9

    如何使用绝对位置和左偏移量水平居中文本 Div

  10. 10

    将div定位到已经居中的内容而没有绝对位置

  11. 11

    使用绝对位置水平和垂直居中div

  12. 12

    结合绝对位置和居中文字

  13. 13

    如何将img内部绝对位置居中

  14. 14

    垂直居中,绝对位置,多个元素

  15. 15

    绝对位置的div中的页眉,内容和页脚

  16. 16

    HTML CSS Div重叠绝对和相对位置

  17. 17

    固定和绝对位置div下的文本

  18. 18

    将Div与绝对位置垂直对齐

  19. 19

    将Div置于绝对位置的中心的更好方法是?

  20. 20

    将div置于黄金比例:替代绝对位置?

  21. 21

    将父级的高度与子级元素相匹配-相对位置和绝对位置

  22. 22

    绝对位置的div与相对位置的div不重叠

  23. 23

    身体高度时垂直居中div:100%无绝对位置

  24. 24

    在绝对位置的div中滚动div

  25. 25

    如何在放置在绝对位置的响应图像上垂直和水平居中放置文本?

  26. 26

    如何在我的情况下将绝对位置元素居中

  27. 27

    2列布局,带页脚和绝对位置,右列高度为100%

  28. 28

    CSS:绝对位置和相对位置

  29. 29

    在div中将居中的绝对位置的图像水平居中,而不会出现水平滚动条(也在移动设备中)

热门标签

归档