html 如何让div居中

div居中可以用外边距margin属性来实现。

1、新建html文档，在body标签中添加div标签，标签的id为“header”，这时因为div标签中没有内容且没有设置样式，所以网页中显示空白：

2、这时为div标签设置原题中的css样式，此时虽然div盒子显示了，但是没有居中：

3、此时为div添加一个“margin: 0 auto”属性就会居中显示，“margin”指的是div标签的外边距，“0”指的是div标签上下的外边距，“auto”指的是div标签左右的外边距，并且会根据浏览器窗口大小自动居中，这时就是完整的html和css代码：

设置display: inline-block再给父级添加text-align: center

设置display: flex（这里是父级，让子级对齐）；

利用定位+transform: translate(-50%, -50%)

margin: 0 auto这个对设置了宽度的模型有效（设置为100%不行）

html中设置按钮的位置:

解决方案一:

如果是绝对定位，可以设置left，还可通过margin,padding等；

" style="box-sizing: border-boxmargin: 0pxpadding: 0pxfont-family: Menlo, Monaco, Consolas, "Courier New", monospacecolor: rgb(51, 51, 51)font-size: 18.6773pxfont-style: normalfont-variant-ligatures: normalfont-variant-caps: normalfont-weight: normalletter-spacing: normalorphans: 2text-align: starttext-indent: 0pxtext-transform: nonewidows: 2word-spacing: 0px-webkit-text-stroke-width: 0pxbackground-color: rgb(255, 255, 255)"><td style="padding-right:30px"><input type="submit" value="注册"><input type="reset" value="重置"></td></tr>

解决方案二：

如果是绝对定位，可以设置left，还可通过margin,padding等。

参考资料

阿里云.阿里云[引用时间2018-1-9]