css怎么让一个form标签水平垂直居中显示

html-css012

css怎么让一个form标签水平垂直居中显示,第1张

需要准备的材料分别有：电脑、浏览器、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标签成功在页面中水平垂直居中了。

您好，你要求的是指定css3盒子布局的垂直居中

1.首先是要使盒子为display:box

|

-webkit-box

|

-moz-box

2.设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持。

3.box-pack控制的是水平的左和右，取值有：start(居左)，center(居中)，end(居右)。

4.box-align的取值有：start(居上)，center(居中)，end(居下)。

如果我们要设置垂直居中的话只需要将这两个属性的值都设置为center即可

body {

background-image: url(/images/sanda.gif)

background-repeat: no-repeat

background-position: center top

}

小于宽度也好使，除非你的代码有问题！做多少年CSS了！

你可以新建一个空的HTML文件试下！