网页设计的div居中（网页设计div居中代码）

本文目录一览：

• 1、如何在HTML中将DIV中的对象居中?

如何在HTML中将DIV中的对象居中?

打开记事本或其他代码编辑器，创建一个新的HTML文件，如下图所示 用浏览器打开这个HTML文件，可以看到下图所示的效果。这幅画在整页的左边。图片居中可以通过HTML中的align属性来控制。在图片的div中添加align=center。

举个例子，在HTML中的body标签里面写上div标签对div/div。然后我们给div设置宽高，需要注意，如果不设置宽度默认是100%的哦，这样就会占满整个页面。

设置div的样式中的“text-align”值为“center”就可以了。这个意思是将div内的元素在div内部进行居中，不止是input输入框，包括input其他类型，字符串等都是会被居中。

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

内容是标签还是文字，文字的话直接给div设置text-align： center；标签的话居中需要知道宽度，然后设置margin： 0 auto；行内元素不能设置宽度需要加个display：inline-block转成行内块。