padding-top: 0设置div中无填充,对象置顶。案例设置方法如下:
<html>
<body>
zhiding{padding-top: 0}
<div class=“zhiding” align="center">
<img src="C:路径/文件名.jpg">
</div>
</body>
</html>
文本与图片本身的高度有很大差异,而且并不像你想的那样位于中轴线,这个不存在中轴线理论。而是图片与文本的底部对齐显示。解决以上问题,你可以给图片定义CSS,img {margin-top:-2px}或者img {margin-bottom:2px}
以上是举例,你如果懂CSS你就会看明白,实际上就是定义图片的上下外边距,具体是使用上边距的负值还是下边距的正值,你可以根据你的实际情况测试一下,原理告诉你了,希望对你有所帮助。
方法一:
.a, .b {display: inline-block
width: 50%
border: 0
vertical-align:top /*靠上对齐*/
}
方法二:
.a, .b {float: left
width: 50%
border: 0
}
.parent:after { /*清除浮动*/
content: ''
display: block
clear: both
}
方法一看起来简单,但一般不建议使用行内块级元素(inline-block),容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。