使文字在div中水平和垂直居中
来源：互联网 发布：淘宝股份有日本人多少 编辑：程序博客网 时间：2024/05/19 02:31
使文字在div中水平和垂直居中的的css样式为
text-align:center; /*水平居中*/
line-height: 20px; /*行距设为与div高度一致*/
text-align:center意思就是说，让这个DIV里的文字水平居中，而line-height:100px;的意思是说，让DIV里面的每一行文字，占的高度为100PX（和那个DIV的高度一样），这样，文字就垂直居中了。
实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body style="margin:0;padding:0"><div style="width:200px; height:200px; /*设置div的大小*/border:1px solid green; /*边框*/text-align: center; /*文字水平居中对齐*/line-height: 200px; /*设置文字行距等于div的高度*/overflow:hidden;">水平垂直居中</div></body></html>
运行效果
- 查看图片附件
0 0
- 使文字在div中水平和垂直居中
- 让div在body中水平和垂直居中
- css实现图片在div中水平和垂直居中(但图片宽高要小于div宽高)
- 子容器在父容器中水平和垂直居中的解决办法
- 用JavaScript和CSS实现“在页面中水平和垂直居中”的时钟
- 纯CSS实现未知高宽的图片在容器中水平和垂直居中
- CSS样式，实现子标签在父标签中水平和垂直居中
- 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
- 使用纯CSS实现未知尺寸的图片(但高宽都小于500px)在500px的正方形容器中水平和垂直居中。你有几种方法？
- div中文字垂直居中
- div中文字垂直居中
- div中文字垂直居中
- div内文字垂直居中
- div+CSS 文字垂直居中
- div+css文字垂直居中
- div+css文字垂直居中
- div中的文字垂直居中
- div文字水平垂直居中
- 表达式语法分析——递归子程序法
- jQuery 获取内容
- android-sqlite（浅解析）
- 如何获取当前id与class
- webstorm快捷键手册
- 使文字在div中水平和垂直居中
- iOS中 category 和extension的区别
- jQuery 获取属性
- 树的遍历—先序遍历、中序遍历、后序遍历
- 正则表达式限制input 输入
- jquery多种遍历方法
- zxing二维码扫描界面销毁问题
- 隔离级别
- 字符串转换成数字的三种方法
