个人经验总结

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;

版权声明:除特别注明外,本站所有文章均为澳门葡京官网原创

转载请注明:出处来自澳门葡京官网 » 个人经验总结

发表评论

电子邮件地址不会被公开。 必填项已用*标注