今天小编给大家分享一下提升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开发效率的技巧有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。