Html Can'；I don’我从来没有找到一种新的居中对齐的方法来工作_Html_Css

Html Can'；I don’我从来没有找到一种新的居中对齐的方法来工作

html css

Html Can'；I don’我从来没有找到一种新的居中对齐的方法来工作,html,css,Html,Css,我习惯于使用，但是现在它已经被去除了，我在使用推荐的margin属性时遇到了困难。有谁能给我一些关于如何使用“更好”的方法对齐中心的信息吗 HTML 分区包装器{ 宽度：1000px；保证金：0自动； } 一些输入好的，这里有一个快速解决您问题的方法（我想）。您只需在css中添加几行代码 html, body { margin: 0; padding: 0; } body { text-align: center; } #header_container { width:

我习惯于使用

，但是现在它已经被去除了，我在使用推荐的

margin

属性时遇到了困难。有谁能给我一些关于如何使用“更好”的方法对齐中心的信息吗

HTML


分区包装器{
宽度：1000px；
保证金：0自动；
}
一些输入

好的，这里有一个快速解决您问题的方法（我想）。您只需在css中添加几行代码

html, body { margin: 0; 
padding: 0; 
}

body { 
text-align: center; 
}



#header_container {
width:100%;
height:100%;
position:relative;
bottom:95px;
}

#main_container {
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
}

#content_container {
width:100%;
margin:0;
}

下面是一个JSFIDLE，其工作代码为：

您只需添加以下CSS即可

 #form_contact {
            display: block;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
        }

根据您使用它的目的，您也可以在父元素上使用

text-align:center

。问题是

margin

在大多数情况下对我不起作用。text-align:center用于居中文本。边距：0用于自动对齐屏幕上的divpage@VikingBlooded如何将

表单

放在页面中央？请先用谷歌搜索这个问题。

<html>
    <head>
        <style type="text/css">
            div.wrapper {
                width: 1000px;
                margin: 0 auto;
            }
        </style>
    </head>
<body>
    <div class="wrapper">
        <form>
            some inputs
        </form>
    </div>
</body>

html, body { margin: 0; 
padding: 0; 
}

body { 
text-align: center; 
}



#header_container {
width:100%;
height:100%;
position:relative;
bottom:95px;
}

#main_container {
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
}

#content_container {
width:100%;
margin:0;
}

 #form_contact {
            display: block;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
        }