一、傻瓜式
在给DIV一个 TOP-PADDING 的值,值设置多少要自己去试。
二、单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了
.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}
优点:
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点:
1. 只能显示一行
2. IE中不支持<img>等的居中
三、多行内容居中,且容器高度可变
也很简单,给出一致的 padding-bottom 和 padding-top 就行
.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}
优点:
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点:
容器不能固定高度
刚才csser网上面试北京一公司的时候对方出的一个题目,要求用css完成: 要求一个2列的布局,自动适应外部容器的宽度,左列
原文地址:http://www.microsoft.com/china/MSDN/library/NetComm/CSSComp.mspx Markus Mielke Dave Massy Microsoft Corp
统配选择符(Universal Selector) 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象
在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的
要求:绝对定位,而且要将flash透明底. /*把图片从文档流中拖出,然后可以用top,left,right,bottom来对图片的绝对定位*/ pos
子乌注:一篇相当不错的function入门文章,个人感觉相当经典。 词语翻译列表 function:函数(Function未翻译) declare:定
CSSER整理,打字真累
群里一个朋友提供的,如果你想通过Ajax采集别站信息,只有IE才允许,并且会给你一个提示。为了安全考虑,Firefox不提供跨