提升css开发效率的技巧有哪些

今天小编给大家分享一下提升css开发效率的技巧有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

怎么让单行文本在容器内垂直居中？

#test{height:25px;line-height:25px;}

怎么清除图片下方出现几像素的空白间隙？

方法1：img{display:block;}

方法2： img{vertical-align:top;}

怎么让文本垂直对齐文本输入框？

input{vertical-align:middle;}

怎么让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果？

a:link{color:#03c;}

a:visited{color:#666;}

a:hover{color:#f30;}

a:active{color:#c30;}

怎么使文本溢出边界显示为省略号？

#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

怎么使文本溢出边界不换行强制在一行内显示？

#test{width:150px;white-space:nowrap;}

怎么使连续的长字符串自动换行？

#test{width:150px;word-wrap:break-word;}

以上就是“提升css开发效率的技巧有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网行业资讯频道。