你的位置:首页 > 软件开发 > 网页设计 > CSS学习笔记06 简单理解line

CSS学习笔记06 简单理解line

发布时间:2017-06-21 00:00:32
在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了,先来看看这个现象。 1 <!DOCTYPE html> 2 <html lang="en"& ...

CSS学习笔记06 简单理解line

在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了,先来看看这个现象。

 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4   <meta charset="UTF-8"> 5   <title>行高</title> 6   <style type="text/css"> 7     .line-height-demo { 8       background-color: red; 9       height: 100px;10       font-size: 30px;11     }12   </style>13 </head>14 <body>15   <div class="line-height-demo">16     这是一个测试行高的文本17   </div>18 </body>19 </html>

原标题:CSS学习笔记06 简单理解line

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。