ling-height:100?為什么不是50px
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"> <title>填充</title> <style?type="text/css"> #box1{ ????width:100px; ????height:100px; ????border:10px; ????text-align:center; ????line-height:100px; ????border:1px?solid?red; } </style> </head> <body> <div?id="box1">盒子1</div> </body> </html>
2015-08-04
line-height行高是包含了文字的高度在內(nèi)的,而height并非是文字的高度,而是文字所在標(biāo)簽的高度
行高舉例的話,假如行高設(shè)為30px,那么就是文字中心點(diǎn)距上或者距下各為15px,所以行高與標(biāo)簽的高度一樣的時(shí)候就垂直居中了
2015-08-04
為什么是50?不是100