CSS:word-wrap/overflow/transition

一 自动换行：一个div有固定宽高，如果其内容很长，必须两行以上才能显示完整的时候，有两种情况要留意

1 默认如果其内容都是中文，那么内容是可以自适应，而不会溢出div

2 如果内容除了中文之外，还有英文，数字等字符，那么就必须用word-wrap或word-break去控制英文和数字自动换行了

---http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

 

二 连同文字一起隐藏：如果对一个div用了transition动画效果，那在动画渐变过程中，如果想把其内容也有动画一块隐藏或显示出来，就要给div加一个overflow:hidden;

如

#pagesDiv {
font-size:50px;
word-break:break-all;
overflow-y: hidden;
height: 0px;
opacity: 0.8;
visibility: hidden;
background-color: rgb(206, 86, 216);
}

动画效果的CSS类-pageActiveAnimate

#pagesDiv > .pageActiveAnimate {
-webkit-transition: all 1s linear;
height: 300px;
visibility: visible;
}

 

三 CSS动画：transition/transform/animation

http://segmentfault.com/q/1010000000148307

http://www.zhangxinxu.com/wordpress/2010/11/css3-transitions-transforms%E5%92%8Canimation%E4%BD%BF%E7%94%A8%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%BA%94%E7%94%A8%E5%B1%95%E7%A4%BA/

 

四 meta标签：meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ===>><meta http-equiv="content-Type" content="text/html;charset=utf-8">

http://kinglyhum.iteye.com/blog/827807