精彩人生

{总结,是为了更好的开始}专注于web技术,每天进步一点点{学无止境,积累创造财富}...

css随记

透明度设置

opacity:0.5;filter:Alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;


table边框设置

table { border-collapse : collapse; border-spacing : 0; width : 100%; }


清楚浮动

.fn-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clear {
    zoom:1; /* for IE6 IE7 */

}


处理元素内的空白

white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line

合并空白符序列,但是保留换行符。

   

实例

规定段落中的文本不进行换行:

p
  {
  white-space: nowrap
  }

Transition动画在Chrome中闪动

Chrome在渲染transition时会出现闪动,添加以下css样式既可以:

-webkit-backface-visibility: hidden;
//或者
-webkit-transform-style: preserve-3d;


阅读更多
个人分类: 随记
想对作者说点什么? 我来说一句

java随记

2013年05月22日 7KB 下载

git随记 git

2014年10月14日 114KB 下载

c#随记.docx

2012年08月25日 42KB 下载

linux net 管理随记

2012年09月12日 1.84MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭