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.<sup></sup>上标 <sub></sub>下标
8.CSS权重：style是1000，id是100，class是10，普通如li、div和伪类是1，通用如*是0；
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创