1.两行文本内容超出省略隐藏
div{    word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;//数值为3，则超出3行内容隐藏
overflow: hidden;}

2.div文本缩进2个字节div {text-indent: 2em;}

3.返回上一页<a href=”javascript:;” onclick=”history.go(-1)”>返回</a>

4.表格的td设置固定宽度，不会根据内容改变

table{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}

td{
width: 33%;   //不同的td可以自己设置根据需要设置固定宽度
}

5.手机端实现拨号<a href=”tel:18022416613″>电话号码</a>

6.两边圆角按钮，去掉点击高光<button style=”border-radius: 1000px;outline: none;”></button>

7.上标         下标

8.CSS权重：style是1000，id是100，class是10，普通如li、div和伪类是1，通用如*是0；

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » 个人经验总结