如何在没有附加html的情况下垂直居中放置文本

卡尔·道尔

我想知道有没有一种方法可以在不使用容器元素的情况下使文本垂直居中。反应灵敏的东西。

编辑我唯一知道的值是h3元素的高度,仅此而已,内容将显示为

等等

的CSS

h3 {
 height: 140px;
 padding-top: 80px;
 min-height: inherit;
 border: 1px solid black;
 text-align: center;
}

的HTML

<h3>TEST</h3>

这是我要实现Codepen测试的示例

卡塞卡索

行高是一件很漂亮的事情,尤其是在它只是文字的情况下。如果您想做出回应,请执行以下操作:

h3 {
  background-color: transparent;
  height: 40vh;
  line-height: 40vh;
  min-height: inherit;
  border: 1px solid black;
  text-align: center;
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不知道父级高度的情况下垂直居中放置div?

来自分类Dev

如何在不将其设置为背景的情况下垂直和水平居中放置图像?

来自分类Dev

CSS-如何在没有类或id的情况下居中放置图像?

来自分类Dev

如何在不居中导航栏的情况下垂直居中身体元素

来自分类Dev

如何在不创建其他样式的情况下居中放置文本

来自分类Dev

如何在导航栏中垂直居中放置文本?

来自分类Dev

如何在响应图像上垂直居中放置文本?

来自分类Dev

如何在div中居中放置垂直文本?

来自分类Dev

如何在多个div中垂直居中放置文本

来自分类Dev

如何在标题中垂直居中放置文本?

来自分类Dev

如何在画布上垂直居中放置文本

来自分类Dev

如何在多个div中垂直居中放置文本

来自分类Dev

如何在html中放置没有文本的图像

来自分类Dev

如何在具有(流体高度)的响应框中垂直居中放置文本

来自分类Dev

如何在网格中垂直居中放置所有文本?

来自分类Dev

如何在具有动态变化高度的div中垂直居中放置文本?

来自分类Dev

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

来自分类Dev

html:如何在未居中的文本框中居中放置文本

来自分类Dev

html:如何在未居中的文本框中居中放置文本

来自分类Dev

如何在Bootstrap的navbar品牌类中垂直居中放置文本?

来自分类Dev

如何在DIV中垂直和水平居中放置文本

来自分类Dev

如何在浮动按钮元素之间垂直和水平居中放置文本?

来自分类Dev

如何在div内垂直居中放置按钮和文本

来自分类Dev

如何在flexbox中垂直居中放置文本,并使图像固定在底部?

来自分类Dev

如何在flutter中水平和垂直居中放置文本字段

来自分类Dev

如何在不手动定义宽度的情况下居中放置div

来自分类Dev

如何在不拉伸的情况下将背景图像居中放置在UIView中

来自分类Dev

如何在不拉伸的情况下将背景图像居中放置在UIView中

来自分类Dev

如何使用CSS在DIV中垂直居中放置文本?

Related 相关文章

  1. 1

    如何在不知道父级高度的情况下垂直居中放置div?

  2. 2

    如何在不将其设置为背景的情况下垂直和水平居中放置图像?

  3. 3

    CSS-如何在没有类或id的情况下居中放置图像?

  4. 4

    如何在不居中导航栏的情况下垂直居中身体元素

  5. 5

    如何在不创建其他样式的情况下居中放置文本

  6. 6

    如何在导航栏中垂直居中放置文本?

  7. 7

    如何在响应图像上垂直居中放置文本?

  8. 8

    如何在div中居中放置垂直文本?

  9. 9

    如何在多个div中垂直居中放置文本

  10. 10

    如何在标题中垂直居中放置文本?

  11. 11

    如何在画布上垂直居中放置文本

  12. 12

    如何在多个div中垂直居中放置文本

  13. 13

    如何在html中放置没有文本的图像

  14. 14

    如何在具有(流体高度)的响应框中垂直居中放置文本

  15. 15

    如何在网格中垂直居中放置所有文本?

  16. 16

    如何在具有动态变化高度的div中垂直居中放置文本?

  17. 17

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

  18. 18

    html:如何在未居中的文本框中居中放置文本

  19. 19

    html:如何在未居中的文本框中居中放置文本

  20. 20

    如何在Bootstrap的navbar品牌类中垂直居中放置文本?

  21. 21

    如何在DIV中垂直和水平居中放置文本

  22. 22

    如何在浮动按钮元素之间垂直和水平居中放置文本?

  23. 23

    如何在div内垂直居中放置按钮和文本

  24. 24

    如何在flexbox中垂直居中放置文本,并使图像固定在底部?

  25. 25

    如何在flutter中水平和垂直居中放置文本字段

  26. 26

    如何在不手动定义宽度的情况下居中放置div

  27. 27

    如何在不拉伸的情况下将背景图像居中放置在UIView中

  28. 28

    如何在不拉伸的情况下将背景图像居中放置在UIView中

  29. 29

    如何使用CSS在DIV中垂直居中放置文本?

热门标签

归档