div中内容上下居中小结

虽然div中内容上下居中的问题已经是一个比较古老的话题,但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了,我这里再总结一下几个比较常见的处理方式。 情形一:div限高,内容长度限一行 复制代码代码如下:<style>.v-align { margin: 0 auto; width: 200px; height: 80px; text-align: center; line-height: 80px; border: 1px solid #ddd;}</style><!– html –>