易截截图软件、单文件、免安装、纯绿色、仅160KB

网页中居中层css一则

一个只用CSS就可以设置网页中居中层的方法。
  今天重新尝试的时候居然不好用了。
  还好以前的页还有,还能打开。
  代码一摸一样就是不好用。
  于是乎一段段的删除,希望能找到点线索。
  css删得只剩下这段设置代码,不好用。
  javascript中难道做手脚了,接着删,还是不好用。
  最后删没了终于发现原来是网页头是不一样的。
  默认用.NET自动生成的就不好用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
  改成如下的过渡型文档类型就可以用了。所以这一点一定要注意才行。
<!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" xml:lang="en" lang="en">
  下面是居中的层的HTML代码
  <div id="pagebody"></div>
  下面是设置居中的CSS
#pagebody
{
    width: 940px;
    background: #FFF;
    margin: 0 auto;
}


相关文档:

CSS强制不换行(white space:nowrap)IE使用问题

什么情况下会出现换行:
当元素设置了固定高度,并且文本长度大于标签元素的宽度时,文本会自动换行。
css强制换行使用样式:white-space:nowrap;该样式从效果上是没有浏览器差异,使用该样式后所有文字在ie和firefox下都在一行内显示。但是在IE下使用该属性值后标签元素宽度会被撑大,从而可能导致原来页面布局被破坏。 ......

FireFox与IE中CSS兼容技集锦

1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,
但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针
对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:
#1 { color: #33 ......

css定位的区别:relative,absolute

首先一点需要知道,
每个浏览器都有自己默认的默认样式,为了让页面内容显示在浏览器中所希望的位置,而不是继承默认样式,就需要在body选择器中重新设定margin和padding的属性值。
如下所示:
body
{
 margin:0;
 border:0;
}
其次,练习时用这个例子:
html内容:
<body >
 
 &nbs ......

css margin的相关属性,问题及应用

用float时发现margin不起作用,图片和文字并排时老是不能对齐,于是搜到了这篇文章。 -------------------------------------------------------------------------------------------------------------------- 原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址:http://www.zhangxi ......

DIV css 相对父容器 水平、垂直 居中

终于把它写出来了。哈哈
<div style="width:100%;height:100%;position:relative;overflow:hidden;"
    ><br style="line-height:0;"
    /><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"
    /><div style ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号