网页制作 居中问题

发布网友 发布时间:2022-04-21 04:57

我来回答

4个回答

热心网友 时间:2022-05-14 00:43

请在<html> 前面加上文档类型声明代码即可居中显示,如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

注:没有上面这段声明代码,你定义css样式时给body 的width和border值是不起作用的,你可以测试下。所以:
1、在例1,你没有加入上面的声明代码,即使你定义了body 的width的值为:780px,但是不起作用,body 的width的值还是默认为浏览器的100%,这样,在#header 没有自定义width值时,默认也是跟body一样:100%,所以此时body的margin:0 auto是没有意义的,实现不了你想要的居中效果。
2、在例2,你也没有上面的加入声明代码,定义css样式时给body 的width和border也没有生效,这个例子之所以能居中显示,只是因为你给body定义了text-align:center和#header定义了width:780px,这两个缺一不可。 如果你只给body定义text-align:center,而没有给#header定义了width:780px,例2也无法实现居中效果的。

总之,考虑到兼容性问题,减少显示的错误,做网页时应该在代码开始(即:在<html> 前)加上文档类型声明。 (注:做网站时候本人不建议给body定义width值的)

热心网友 时间:2022-05-14 02:01

div是块级元素,没给宽的时候会占整行,这时你给个宽度,然后在,magin:auto;就可以了整个DIV居中了。a是行级元素,默认会向左对齐,如果你想让a也一起居中的话,
里面的A链接其实你可以用个P段落标签包住,给P一个text-align:center;就可以了。

热心网友 时间:2022-05-14 03:36

在<body>
里面加align=center就行了

热心网友 时间:2022-05-14 05:27

这是一个css样式 代码2 body已经把text-align:center;设置居中了,也就是说接下来是默认集中的除非是你下面有的样式是设置不同的对齐方式,如果是设置自动,那就会自用居中

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com