18910140161

HTML-在图像上以垂直组对齐文本中心-堆栈溢出

顺晟科技

2022-10-19 12:12:46

194

我有一个页面,其对应代码如下:

html

html

我将代码更改为以下内容,以确保标记之间的文本居中,但没有任何影响...

html

这四个添加的行单独或组合都不能起到作用。我做错了什么,文本没有在中心对齐?


顺晟科技:

前两个属性用于在一行中放置文本。

html

text-align,在行上水平设置位置,这样如果容器是100%宽,它将结束在中心。

vertice-align是在文本行上垂直放置文本。因此,要使它成为图像的中心,那么线条高度应该与图像相同。

html

与flexbox一起使用。 你去了:和去了。

html

您可以将类似于父级的属性提供给父级,这样父级将始终使它们处于彼此的中心。

如下所示:

working fiddle

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航