位置：71code站长站 → 站长学习 → 网站开发 → HTML DIV+CSS → DIV CSS制作网页过程中关于居中问题的总结

DIV CSS制作网页过程中关于居中问题的总结

减小字体

增大字体作者：515down(收集) 来源：515down(网络) 发布时间：2007-6-25 16:41:31

1、DIV居中

以下为引用的内容：

body {text-align: center;} 515down.com

div {margin-right: auto; margin-left: auto;}

515down.com

说明：

515down.com

对于IE，在父元素定义“text-align: center;”就可以了 [我要我当软件园]

对于FF等其他浏览器，仅这样不能居中，需在子元素中定义“margin-right: auto; margin-left: auto;”。 [我要我当软件园]

2、背景居中

以下为引用的内容：

body {background:url(#) #fff no-repeat center;}

说明：参数中的center是对背景位置的定义。

515down.com

3、文本垂直居中

515down.com

以下为引用的内容：

div {vertical-align:middle;line-height:？px;}

515down.com

说明：

515down.com

vertical-align:middle;表示行内垂直居中，我们将行距调整到和整个DIV一样高，文字就垂直居中了。 [我要我当软件园]

[] [返回上一页] [打印]

站长学习评论评论内容只代表网友观点，与本站立场无关！