LOGO垂直居中问题
来源：3-2 项目作业
1LBY1
2020-03-18 10:53:07
老师我把表头部分的tr高度设为60px，logo的高度为40px，然后把logo的内边距padding-top设置为10px，可是图片没有垂直居中，审查源码总发现上面多出一小段高度，这是为什么啊？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css样式</title>
<style type="text/css">
*{
margin:0;
padding:0;}
.head{
height:60px;
background-color: #169bd5;
}
.ft{
width:100%;
border-collapse: collapse;
}
.logo img{
padding-top:10px;}
</style>
</head>
<body>
<table class="ft" >
<thead>
<tr class="head">
<td class="logo" ><img src="C:\Users\Administrator\Desktop\zysc\img\logo.png" alt="logo"></td>
</tr>
</thead>
<tbody>
<table>
<tr>
<td class="left"></td>
<td></td>
</tr>
</table>
</tbody>
<tfoot>
</tfoot>
</table>
</body>
</html>
1回答
-
同学你好，问题解答如下：
1、图片是行内元素，有文字特性，默认存在间隙
2、td单元格中的内容默认是垂直居中显示的，所以不需要自己手动设置上外间距
参考修改
自己再测试下，祝学习愉快！
0
相似问题
回答 1