php - 限制最大高度的文本

标签 php jquery css laravel twig

我有一个网格布局,我想通过剪切文本而不是添加更多...链接来限制文本的高度。我使用长度来获取必须剪切文本的位置。但是当一个帖子包含短行并用回车分隔时,它们算作短文本,但它们的高度仍然很高。 像这样:

----------  ----------
|12345678|  |12      |
|9more...|  |34      |
|        |  |56      |
----------  |78      |
            |9more...|
            ----------

那么有没有办法限制高度呢?

附言。对不起我的英语。

最佳答案

制作一个读取每篇文章的函数,如果高度超过 Xpx,您将添加“更多...” anchor 并限制高度。

例子:

$('post').each(function(){

    if($(this).height > 50){
         $(this).css('max-height', '50px');
         $(this).append('<a class="more">more....</a>');
    }
});

然后你创建另一个函数来监听 more 类,如果点击完成,你将退出 max-height 属性和 more anchor 。

关于php - 限制最大高度的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28157979/

相关文章:

php - 在回显中以 Y-M-D 格式回显输入类型中的日期

PHP 文件删除权限被拒绝

php - PHP 中的 _($string) 函数有什么作用?

javascript - 多个 Keydown 事件的不同操作

javascript - 检查 "checkbox"类型的输入的值是否等于数组成员?

css - 重置 css 使 Google 字体的 @import 不起作用

php - 简单登录验证密码

jquery - 防止父级触发子事件时 jquery 可拖动

jquery - 修复了以后用于 Bootstrap 的 Jquery 插件

html - 物化设计