2008年6月4日

HTML页面居中显示,是指将小于屏幕宽度的HTML页面显示在左右居中的位置。

这种需求很常见,用css和div实现也很简单,只需2步,5-6行代码:

1. 在HTML文件中,定义1个div(id为jijian91_outer),把网页全部显示内容包裹起来

2. 在css文件中,定义该div的css属性
div#jijian91_outer {
width: 70%;
margin-left: auto;
margin-right: auto;
}

其中, margin-left和margin-right是网页居中的关键。width是为了演示,可根据实际需要修改。

示例代码如下:
继续…

原文永久链接:https://jijian91.com/blog20080604/div-css-center.html