在写网页的时候，通常会用到css去给网页内容加上各种各样的样式，如果在用css时能注意以下几点，那么你的开发效率也会大大提升哦！

WEB开发

下面总结了七点一起来看看吧！

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;}

勿忘初心，方得始终

如果你喜欢这篇文章，可以关注作者头条公众号，每天都会有精彩web干货与你一起分享哦！