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

用户5280885

如何使用以下结构将 div 中的文本居中对齐:

.centerText {
    position: absolute;
    left: 100px;
    top: 20px;
    text-align: center;
    font-size: 25px;
}
<div class="centerText">Hello World</div>

这样做仍然会将文本与左侧对齐;距左侧 100 像素。

奥马尔·坦蒂

要在仍在使用时将文本居中,left: 100px您需要添加right: 100px以自动设置 div 的宽度,并在两侧具有相同的间距,因此也将 div 居中。

.centerText {
    position: absolute;
    left: 100px;
    right: 100px;
    top: 20px;
    text-align: center;
    font-size: 25px;
}
<div class="centerText">Hello World</div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

居中div绝对位置?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

需要居中div绝对位置

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在绝对位置的div中截断文本

来自分类Dev

响应div中的垂直和水平居中绝对文本

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在绝对位置的div中垂直和水平对齐锚点

来自分类Dev

如何水平居中绝对div的内容

来自分类Dev

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

来自分类Dev

在绝对位置的div中滚动div

来自分类Dev

相对 > 绝对 > 相对 div 中的居中文本

来自分类Dev

使用:before和:after的div上的CSS三角形-怪异的偏移量,如何解决?

来自分类Dev

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

来自分类Dev

javascript-垂直和水平居中div(位置:绝对)到屏幕视图

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何调整两个div的偏移量?

来自分类Dev

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

来自分类Dev

CSS使用偏移量定位子div对齐

来自分类Dev

如何用绝对位置平滑地拉伸div?

来自分类Dev

如何在绝对位置的div之后正确添加内容

来自分类Dev

如何在div中设置图像的绝对位置

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    居中div绝对位置?

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

    需要居中div绝对位置

  8. 8

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

  9. 9

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

  10. 10

    在绝对位置的div中截断文本

  11. 11

    响应div中的垂直和水平居中绝对文本

  12. 12

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

  13. 13

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

  14. 14

    在绝对位置的div中垂直和水平对齐锚点

  15. 15

    如何水平居中绝对div的内容

  16. 16

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

  17. 17

    在绝对位置的div中滚动div

  18. 18

    相对 > 绝对 > 相对 div 中的居中文本

  19. 19

    使用:before和:after的div上的CSS三角形-怪异的偏移量,如何解决?

  20. 20

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

  21. 21

    javascript-垂直和水平居中div(位置:绝对)到屏幕视图

  22. 22

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

  23. 23

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

  24. 24

    如何调整两个div的偏移量?

  25. 25

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

  26. 26

    CSS使用偏移量定位子div对齐

  27. 27

    如何用绝对位置平滑地拉伸div?

  28. 28

    如何在绝对位置的div之后正确添加内容

  29. 29

    如何在div中设置图像的绝对位置

热门标签

归档