CSS中图片怎么置顶

html-css011

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>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<style>标签中,输入css代码:body {text-align:center},在<script>标签中输入js代码:

var a = ($(document).height() - $('form').height()) / 2

$('form').css('margin-top', a + 'px')

3、浏览器运行index.html页面,此时form标签成功在页面中水平垂直居中了。