一般情况下页面的一些元素如正文，等都需要居中，背景图可能不需要，居中的div在css里可以这样设置：
.mainpanle{
width: 980px;
margin: 0 auto;
}
margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right
因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）
ie中需要用：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 不然不识别
也可以用：text-align: center; 使内容居中。ie，firefox ，chrome 均可以。
相关推荐
表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。 但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。 问题： 实现div垂直居中并在缩放浏览器尺寸...
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
直奔主题在这里提供三种块级元素垂直水平居中的方法 flex（子级宽高可固定也可不固定，随意） 定位+margin（固定子级的宽高，margin-top,margin-left取自身一半的负值） 定位+transform（不固定子级的宽高） flex...
我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。 到现在为止，探讨了很多种方法。 HTML： XML/HTML Code复制内容到剪贴板 <body> ...
效果描述： 首先还是那句老话，非常幸运我们现在可以使用CSS3布局。... 今天给大家推荐的只是它实现内元素垂直居中的案例，以后还会推荐。。。 使用方法： 给你需要居中的div的父辈div增加附件中关键样式即可
在前面的文章中我简单总结了一个“CSS在页面布局中实现div水平...所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的、、<caption>
设计一个HTML网页，要求编码集为UTF-8，文件的标题为“Hello HTML”，页面背景为黑色，页面上边距为0，文件内有3个段落，每个段落文字居中，内各有一首古诗，每首古诗的文字字体分别为宋体、楷体、微软雅黑，文字...
元素的垂直居中也是我们日常网页布局中经常会遇到的问题，本文主要给大家介绍了关于利用css设置元素垂直居中的解决方法，文中介绍了多种情况的多种解决方法，相信会对遇到这个问题的朋友们带来一定的帮助，下面话不...
源码使用CSS属性+原生js代码实现图片轮播切换、图片整体跟随鼠标移动效果、图片整体鼠标滚轮控制缩放，使用的css属性包括：弹性盒布局元素居中、背景图片平铺尺寸设置、相对、绝对定位、滤镜效果、图片层级、边距...
中文译文：...经常做的第一件事通常是如何在 CSS 中控制元素水平或者垂直方向上居中，相信这也是很多设计师喜欢做的事情。首先，我们采用绝对定位的方法让元素离开顶部和左部 50% 的距离，然后我们需要设
实验三：CSS --- 基本的颜色表示（英文单词表示、rgb、16进制）、a标签伪类、盒模型、块级元素页面水平居中、行内元素水平居中、行内元素垂直居中 实验四：CSS --- 标准文档流的特性、块级元素和行内元素的特性
HTML元素水平居中非常常用。如本文档中的图片、主内容面板。一般的电脑显示分辨率都很大，现在基本都1920*1024以上，像本页这种文档的阅读，如果都做成这么大，那么遇到1024*768这种小的分辨率，就需要显示滚动条，...
做为一个前端设计人员，对于产品展示页面的设计一定不会陌生，其中产品图片摆放是必定经历的一步，并且水平居中和垂直居中又是最多的。有时需要产品图片水平垂直居中显示，这种展示用CSS来实现又是比较棘手的一件事...
本文实例讲述了JQuery获取元素尺寸、位置及页面滚动事件应用。分享给大家供大家参考，具体如下： 获取元素尺寸 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...
标记是 HTML 语言中的基本元素，用于定义网页的结构和内容。标记属性是附加到标记上的特殊指令，用于定义标记的行为和样式。 （1）标记 HTML中的标记是以 `开头，以 `>`结尾的字符串。例如，`<html>` 是一个标记...
WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具： 1、记事本 2、浏览器 2、HTML 的基础语法 1、标记语法 HTML中用于描述功能的符号称为"标记" ...
14.3 增加的页面元素 269 14.3.1 新增的figure元素 270 14.3.2 新增的details元素 271 14.3.3 新增的mark元素 272 14.3.4 新增的progress元素 274 14.3.5 新增的meter元素 275 14.3.6 改良的ol列表 ...
主要的样式定义如下，这也是最简单的方法： body {TEXT-ALIGN: center;... ” 需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的
自动计算将画廊的最后一个元素居中所需的偏移量。 限于画廊的列的最大可能大小。 .equid-column-断点大小和.equid-gallery-断点大小 与版本中心相同的操作，但列彼此等距居中。 示范页面 查看 要求 基本用法 不同...
页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 （4）背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...