84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
题主目前在工作中经常遇到这种问题。例如:在高度固定的时候如果文本是一行的话,垂直居中,如果两行的话也是垂直居中,当第三行的时候就隐藏(如果有‘...’的话当然最好)。有没有简单而有效的方法?谢谢,么么哒。
走同样的路,发现不同的人生
自行百度了许久,找了很多资料这一篇博客讲的挺详细的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
自行百度了许久,找了很多资料
这一篇博客讲的挺详细的
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