CSS文字垂直居中

硫化氢化学式2022-06-21  9

CSS文字垂直居中 操作方法 01

先写html代码,如图。内容很简单,就是一个div里面有一段文字。

02

然后写出div对应的样式,如图。这里只设置了div的边框、高度和宽度。

03

如果它显示在这里,让我们看看页面。文本不会水平或垂直居中。

04

要水平居中文本,我们可以添加style:text-align:center;
要垂直居中文本,我们可以添加样式:vertical-align:middle;和显示:表格单元;

05

添加这些样式后,刷新页面以查看当前文本是否可以水平和垂直居中。

转载请注明原文地址:https://juke.outofmemory.cn/read/399621.html

最新回复(0)