当前阅读教程:CSS入门到精通 > 垂直居中 - 使用 line-height | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 垂直居中对齐 - 使用 padding | 下一篇: CSS 伪元素 |
实例让 line-height 属性值和 height 属性值相等来设置元素居中 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>垂直居中 - 使用 line-height</title> <!--定义内部样式--> <style> .center { line-height: 100px;/*高度*/ height: 100px;/*高度*/ border: 3px solid green;/*边框*/ text-align: center;/*水平居中*/ } </style> </head> <body> <h2>居中</h2> <p>以下实例中,我们让 line-height 属性值和 height 属性值相等来设置 div 元素居中:</p> <div> 我是垂直居中的。 </div> </body> </html> 效果图 |
|
上一篇: 垂直居中对齐 - 使用 padding | 下一篇: CSS 伪元素 |