CSS3零碎知识

三角形

div{
            width:0px;
            height:0px;
            border:100px solid white;
            border-top-color:green;
            /* 修改三角形朝向修改border-top-color的top方向即可 */
            /* text-indent:1px; */
        }

溢出

overflow-x:hidden;//溢出隐藏
text-overflow:ellipsis;//文本溢出方式（三点省略号显示）
white-space: nowrap;//一行不换行

文字超出换行

word-wrap: break-word;
word-break: break-all;
overflow: hidden;

单词（或者汉字）字母之间（左右）间隔距离

word-spaing:改变单词之间间距，可为负值
letter-spacing:改变单词每个字母之间间距，可为负值

图片等比例缩放

 	    max-width:390px;
        width:e-xpression(this.width>590?"590px":this.width);

或者
        max-height:390px;
        height:e-xpression(this.height>590?"590px":this.height);

阻止a标签刷新

<a href="javascript:;"></a>