您现在的位置是：首页>百科 > 正文

垂直居中css代码（关于垂直居中css代码的介绍）

2023-02-02 22:20:00【百科】

简介有关垂直居中css代码，有许多人不了解，那么下面来看看小守对垂直居中css代码的相关介绍。 垂直居中css代码 1、使文字在div中水平和垂直居

有关垂直居中css代码，有许多人不了解，那么下面来看看小守对垂直居中css代码的相关介绍。

垂直居中css代码

1、使文字在div中水平和垂直居中的的css样式为text-align:center;/*水平居中*/line-height:20px;/*行距设为与div高度一致*/示例如下：HTML元素水平垂直居中css样式div{width:200px;height:200px;/*设置div的大小*/border:1pxsolidgreen;/*边框*/text-align:center;/*文字水平居中对齐*/line-height:200px;/*设置文字行距等于div的高度*/overflow:hidden;}显示效果。

本文到此分享完毕，希望对大家有所帮助。

上一篇：ai文件怎么转成cdr文件（关于ai文件怎么转成cdr文件的介绍）

下一篇：杨梅干怎么做好吃（关于杨梅干怎么做好吃的介绍）

相关文章

猜你喜欢

热门排行

热点内容