慕斯卡9626126
2015-08-04 11:49
<!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>
line-height行高是包含了文字的高度在内的,而height并非是文字的高度,而是文字所在标签的高度
行高举例的话,假如行高设为30px,那么就是文字中心点距上或者距下各为15px,所以行高与标签的高度一样的时候就垂直居中了
为什么是50?不是100
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题