我的网站上有一个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…