HTML&CSS,谁帮我看看,为什么我这里的div居中失效了呢?

发布网友发布时间：2022-05-12 20:27

共2个回答

懂视网时间：2022-05-13 00:49

1、一般情况下DIV居中失效是因为没写DTD语句

　　在页面的最上方加上：

　　＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

　　就可以了！其实其他很多css的问题也是因为没有加上dtd语句引起的。

　　2、使用margin来让DIV居中

　　最简单的写法就是：

　　.divstyle{ margin:0 auto; }

　　复杂一些就把左右边距都加上：

　　.divstyle{ margin-left:auto; margin-right:auto; }

　　这样就可以试想DIV居中了！

热心网友时间：2022-05-12 21:57

居中不是这样写的。
上面的居中只是表面上居中了，你缩放窗口会发现不是真正的居中。
下面的要居中可以直接在下面的div设置样式“text-align:center”。