jQuery根据字符数更改CSS中的行高 - php

我的网站上有一个Twitter小部件,其中显示了我们公司的最新推文。但是,如果该推文超过一定长度,则该推文不适合该站点的容器,并且会被截断。我想根据推文中字符数的编程方式更改元素的行高css。

此处显示了定义元素这部分的CSS:

ul.tweet_list li{overflow-y: hidden;overflow-x: hidden;padding: 0.5em !important;height: 55px;line-height:55px;vertical-align: middle}

在页面上,该元素仅由以下代码生成:

<div class="tweeter_widget"></div>

我需要检测鸣叫是否超过“ X”个字符,如果是,请将行高从55px更改为24px。我不是试图垂直居中放置文本,而是..

示例:http://justpaste.it/twitter-widget
如果文本太长,则会在其上方看到“白色容器”的地方切断。我想更改此“条”文本的行高,以便它将换行到下一行并保留在我的“红色”容器中。

从理论上讲,这将使用PHP来完成,但是我知道我可能需要使用jQuery。

编辑:这是产生鸣叫的JS:

/* Twitter initiates. Enter your username here. */
jQuery(function($){
      $(".tweeter_widget").tweet({
        join_text: "auto",
        username: "username",
        avatar_size: null,
        count: 1,
        auto_join_text_default: "",
        auto_join_text_ed: "",
        auto_join_text_ing: "",
        auto_join_text_reply: "",
        auto_join_text_url: "",
        loading_text: "loading tweets..."
      });
    });

参考方案

see this fiddle

var cnt =  $(".tweeter_widget").text().length;
if (cnt > 10) {
    $(".tweeter_widget").css("line-height", "5px"); 
} 

即:如果div中包含Tweet的字符超过十个,则更改行高。

PHP Count数组元素 - php

嗨,有人可以解释为什么这会返回“数组由0个元素组成”。 :$arr = array(1,3,5); $count = count($arr); if ($count = 0) { echo "An array is empty."; } else { echo "An array has $count elements.…

PHP:从函数返回值并直接回显它? - php

这可能是一个愚蠢的问题,但是……的PHPfunction get_info() { $something = "test"; return $something; } html<div class="test"><?php echo get_info(); ?></div> 有没有办…

PHP:将数据从二维数组复制到一维数组的最快方法 - php

我有一个巨大的二维PHP数组,带有500万行。$t = [ [ "id" => 1, "name" => "foo" ], [ "id" => 2, "name" => "bar" ] ]; 现在,我必须将此数组的I…

php-printf和sprintf具有不同的输出 - php

我编写了以下微型php程序来测试printf和sprintf:<?php $str_1 = printf("%x%x%x", 65, 127, 245); $str_2 = sprintf("%x%x%x", 65, 127, 245); echo $str_1 . "\n"; echo $s…

验证php中的javascript对象 - php

在我的用户界面中,用户可以构建一些javascript对象,例如:var box = { "width": "100px", "height": "200px", "click": function () { alert("You clicked t…