CSS中图片怎么置顶

html-css019

CSS中图片怎么置顶,第1张

在html中让图片置顶,需要设置图片中的div属性,设定div中的padding-top属性。

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),容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。