在写网页的时候，通常会用到css去给网页内容加上各种各样的样式，如果在用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; }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！