这里我总结了一下平时自己在项目中经常用到的20个css常用的样式，都是些个人的经验，这里分享给大家，希望对大家有所帮助
1.强制文本单行显示：white-space:nowrap;
2.设置溢出文本显示为省略标记：text-overflow:ellipsis;
(注：text-overflow:clip | ellipsis | ellipsis-word;（css3新增加的）
其中clip表示直接裁切溢出的文本；
值ellipsis表示文本溢出时，显示省略标记(…)，省略标记代替最后一个字符；
值ellipsis-word表示文本溢出时，也是显示省略标记(…),不同的是，省略标记代替的是最后一个词)
3.例如一段代码：
当点击a标签里面的图片的时候，有虚线框，IE中图片还有边框，如何解决？
解决办法：
a{outline:none;}//主要是针对火狐等浏览器，但IE不行
img{border:0;}
a:active{noOutline:expression(this.onFocus=this.blur());}//解决IE6，IE7中的虚线框。
对于a标签来说，一般简单的解决办法是：
在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。
立即学习“前端免费学习笔记（深入）”；
但是当连接太多的时候，一个一个的加这段代码不实用
4.html中两张图横向回车导致间隙,怎么才能去除成为无间隙？
例如：p 宽300px ; img 宽100px; border:0px;
代码如下:
//上面情况刚好显示三张图
@font-face{font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */}
p{font-family:myFirstFont;}
登录后复制
{word-break:break-all; /支持IE，chrome，FF不支持/word-wrap:break-word;/支持IE，chrome，FF/}
登录后复制
background-color:hsla(0,0%,100%,0.8);background-color:rgba(255,255,255,0.8);
登录后复制
em,u{font-style: normal;}
登录后复制left>……background=图片路径>………………padding=参数>…………width=宽度>…height=高度>…
以上就是整合20个CSS/CSS3常用属性的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2902730.html
