dreamweaver中让 框架居中该如何做？
我做的都是页面靠左的，怎么才可以居中显示哦？请大家帮忙，谢谢了 展开
有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。
但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所有子框架使用 CSS box-align: center 来实现这种效果。
可是目前还有相当一部分主流浏览器不支持 box-align 属性，那么我们应该如何编写CSS，使这种效果能兼容大部分的浏览器呢？
通常的方法
为了使多个 block 级元素排列在同一行里，我们习惯使用 float 属性使子框架浮动，然后利用 margin 属性让每一个子框架之间都留出一些空白的间距。可是这样做会触发经典的 IE6 双倍 margin BUG，这样反而要投入额外的时间去调试 IE6 的 Hack。
虽然我们还可以通过 display: inline 来避开 IE6 的 BUG，但我们仍然需要调整这些子框架间的间距，防止最后一个自框架被挤到下一行。
改变子框架级别并且控制剩余的空白
使用 float 和 margin 来让多个子框架居中并且等分父框架剩余空间的做法缺点很多。为了避开这些缺点，我们还可以使用另一种方法：把子框架的级别改为 inline-block ，并且通过 letter-spacing 属性 控制自框架之间的间距。
假设在一个父框架里有四个 block 级的子容器，每个子容器的大小均为 100px x 100px。为了让这些子框架能排列在同一行内，我们可以把它们改为 inline-block 级，由于子框架和父框架之间并没有其它的内容，应此要控制子框架的空间分配将易如反掌。姑且假设父框架 id=parent，子框架class=child，那么CSS可以这样写：
#parent {
width: 615px;
border: solid 1px #aaa;
text-align: center;
font-size: 20px;
letter-spacing: 35px;
whitewhite-space: nowrap;
line-height: 12px;
overflow: hidden;
}
.child {
width: 100px;
height: 100px;
border: solid 1px #ccc;
display: inline-block;
vertical-align: middle;
}在这段样式里，#parent 的 text-align、letter-spacing、white-space、overflow 和 .child 的 vertical-align、display 这些属性是实现预想效果的关键，下面解释一下这些属性起了什么作用。
text-align：使 #parent 里的所有内容都居中
letter-spacing：控制每个子框架之间的空白大小
white-space: nowrap：防止最后一个子框架被挤到下一行
overflow: hidden：隐藏超出 #parent 范围的内容
vertical-align: middle：使所有子框架都垂直居中
display: inline-block：是所有子框架都排列在同一行，并且保持 block 级元素的特性
兼容IE
在今时今日，老版本的 IE 浏览器已经成为网页设计师的心头大恨，虽然上面的 CSS 能兼容 IE8，但由于 IE6 和 IE7 并不完全支持 inline-block 级元素，因此我们还需要写下面的一段 Hack，确保在 IE6 和 IE7 里能保持和现代浏览器一致的效果。
.child {
*display: inline;
*margin: 0 20px 0 20px;
}
本文介绍两种居中的网页，一种是页面居中，一种是页面上下左右居中。
一、页面居中的网页
实现方法：设置body标签居中。
打开一个网页，在文档左下角的“标签选择器”上选择“body”标签。
2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了，往里面填充内容就可以了。
3.转换到代码视图，看看生成的代码，原来生成的是“<div align="center"></div>”。
可以选择两种形式的居中代码。使用“div”标签是其中一种，另一种是使用“center”标签。打开“编辑”/“参数选择”菜单，在如下图的对话框中，选择居中使用的标签。
二、页面上下左右居中
实现方法：在页面中，插入一个一行一列，宽高都为百分之百的表格，并且设置表格不显示，使表格所在的单元格，水平和垂直都居中，在单元格中放网页内容，可以是一个或者几个表格，例如插入一个768×430象素的表格，也可以直接放入内容，网页看起来就是上下左右都居中的。
打开文档，插入一个一行一列的表格，宽牙为100％，单元格填充，间距，边框都为0。
2.在属性面板上，继续设置表格高度为100％，具体设置如下图。
3.在文档左下角的“标签选择器”上选择“td”标签。
4.在属性面板上，设置“td”标签（单元格）水平“居中对齐”，垂直设置为“中间”。
5.这时候，上下左右居中的页面已经设置好了。接下来，在单元格中，插入表格或者内容就可以了。
给框架div命名
设置css样式
*{ width: 188px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;}
width: 188px; 根据实际情况设置宽度
*代表框架的名称
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
</head>
<body style="text-align:center">
sdfsdfsdsdfsd
</body>
</html>
然后再新建一个CSS样式。 晕
你还用框架，你懂不懂DIV+CSS哦 ？ 懂了，那个东西不用教的，不懂我给你说了你也不知道咋用。。。。呵呵
|
广告 您可能关注的内容 |
