生活小常识

位置:首页 > 生活小常识 > 游戏数码

CSS文字垂直居中

发布时间:2023-01-07 19:01:08

  01、先写上html代码,如图,内容很简单,就是一个div里有一段文本。

CSS文字垂直居中

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

  03、如果这里显示的话,我们看下页面,文本是不会水平居中和垂直居中的。

  04、要让文本水平居中,我们可以添加样式:text-align: center;
要让文本垂直居中,我们可以添加样式: vertical-align: middle;和display: table-cell;

  05、添加完这几个样式后,刷新页面可以看到现在的文本已经可水平居中和垂直居中了。

生活小常识相关阅读

生活小常识热点