页面中根据文字的多少自动显示一行或两行,一行的时候高度居中,两行自适应

Posted 朝阳升

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面中根据文字的多少自动显示一行或两行,一行的时候高度居中,两行自适应相关的知识,希望对你有一定的参考价值。

var t = 50/ $(".shopsinfo-bottom .address li:first p").height();
$(".shopsinfo-bottom .address li:first p").css({
lineHeight:t*16+"px",
height:t*$(".shopsinfo-bottom .address li:first p").height(),

});

注:

50为父标签的高度;

记得引用jquery

以上是关于页面中根据文字的多少自动显示一行或两行,一行的时候高度居中,两行自适应的主要内容,如果未能解决你的问题,请参考以下文章

shell 中实现多行或两行合并成一行实现方法

excle表格里如何设置使每一行都会自动调节到最合适行高?

多行文字只显示一行,其它隐藏并显示为...;多行文字只显示前两行,其它隐藏并显示为...

extjs的按钮提示文字(tooltip)有时成两行显示,怎么修改成一行显示

CSS显示两行或三行文字,然后多出的部分省略号代替

css里面怎么让文字长的时候两行显示,最多两行,多余的省略号显示,最重要的是支持ie浏览器,