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行高是包含了文字的高度在內的,而height并非是文字的高度,而是文字所在標簽的高度
行高舉例的話,假如行高設為30px,那么就是文字中心點距上或者距下各為15px,所以行高與標簽的高度一樣的時候就垂直居中了
2015-08-04
為什么是50?不是100