题主目前在工作中经常遇到这种问题。例如：在高度固定的时候如果文本是一行的话，垂直居中，如果两行的话也是垂直居中，当第三行的时候就隐藏（如果有‘...’的话当然最好）。有没有简单而有效的方法？谢谢，么么哒。
走同样的路，发现不同的人生
自行百度了许久，找了很多资料这一篇博客讲的挺详细的http://www.cnblogs.com/dojo-lzz/p/4419596.html其中讲了7种方法，flex讲的略简单，flex可以参考可以参考阮一峰的博客一、语法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html；二、实例篇：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html；
2016.01.31看到好多小伙伴关注了这个问题，我就写了一篇总结：sf专栏文章：http://segmentfault.com/a/1190000004394432?_ea=593187；
老生常谈的话题啦 centering in CSS
用js计算写top值
这个使用flex布局来解决比较容易，推荐看下阮一峰老师的博客，讲的很细致http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://zhuxinyong.com/2015/03/02/%E6%B0%B8%E6%81%92%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/
我自己写的，参考下吧！
使用flex
css垂直居中就那几种方法。像我怕麻烦的都直接用js来居中。但最好的还是flex，其次是用talbe居中，然后是position+transform。这三种应该都是可变高度的。
https://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods/
inline-block和绝对居中两种方式是最常用的
推荐使用flex,新的布局趋势建议阅读阮一峰老师的Blog贴上地址，图文并茂，适合刚接触flex的同学阅读http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-examples.html
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
自行百度了许久，找了很多资料
这一篇博客讲的挺详细的
http://www.cnblogs.com/dojo-lzz/p/4419596.html
其中讲了7种方法，flex讲的略简单，flex可以参考可以参考阮一峰的博客
一、语法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html；
二、实例篇：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html；
2016.01.31
看到好多小伙伴关注了这个问题，我就写了一篇总结：
sf专栏文章：http://segmentfault.com/a/1190000004394432?_ea=593187；
老生常谈的话题啦 centering in CSS
用js计算写top值
这个使用flex布局来解决比较容易，推荐看下阮一峰老师的博客，讲的很细致http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://zhuxinyong.com/2015/03/02/%E6%B0%B8%E6%81%92%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/
我自己写的，参考下吧！
使用flex
css垂直居中就那几种方法。
像我怕麻烦的都直接用js来居中。
但最好的还是flex，其次是用talbe居中，然后是position+transform。这三种应该都是可变高度的。
https://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods/
inline-block和绝对居中两种方式是最常用的
推荐使用flex,新的布局趋势
建议阅读阮一峰老师的Blog
贴上地址，图文并茂，适合刚接触flex的同学阅读
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html