好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

制作页面时,line-height怎么使用?

在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的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> 

查看更多关于制作页面时,line-height怎么使用?的详细内容...

  阅读:45次