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
四 meta标签:meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ===>><meta http-equiv="content-Type" content="text/html;charset=utf-8">
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。