Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将文本限制为两行

将文本限制为两行
EN

Stack Overflow用户
提问于 2011-08-30 05:07:20
回答 6查看 16.8K关注 0票数 15

我希望将html电子邮件中150px宽度的表格的文本限制为固定行数,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Long text continues down the road into a lane and doesn't stop there

我希望它看起来像这样:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Long text continues down 
the road into a lane and...

我将字符串截断为最多45个字符(包括省略号),但有时当出现一个长词时,它会变成三行:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Long text continues at
accelerating speed into the
road...

理想情况下,我想打破单词加速,或者更确切地说,在第一行中填充尽可能多的字符,并继续到第二行,有没有办法在html中做到这一点?(我查看了自动换行功能,但显然并不是所有电子邮件客户端都支持它)

此外,由于这是电子邮件客户端,我不能做任何javascript等。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2011-08-30 05:24:11

CSS解决方案

你可以设置一个高度,并做溢出隐藏。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
span {
    display: inline-block;
    border: black 1px solid;
    width: 300px;
    height: 40px;
    overflow: hidden;
}

示例http://jsfiddle.net/imoda/REs2Q/

PHP解决方案

服务器端的替代方案是使用substr

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?php

    $string = "Oh squiggly line in my eye fluid. I see you lurking there on the peripheral of my vision. But when I try to look at you, you scurry away. Are you shy, squiggly line? Why only when I ignore you, do you return to the center of my eye? Oh, squiggly line, it's alright, you are forgiven.";

    echo charlimit($string, 100);

    function charlimit($string, $limit) {

        return substr($string, 0, $limit) . (strlen($string) > $limit ? "..." : '');
    }

?>

示例http://codepad.org/OetkaMh6

这将输出100个字符的字符串,然后将...技巧附加到此,您必须将字符数更改为最适合您的情况。因为它是服务器端的,所以它不知道在每个场景中需要多少个字符才能仅触发一个回车。

或者,您可以限制字数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?php

    $string = "Oh squiggly line in my eye fluid. I see you lurking there on the peripheral of my vision. But when I try to look at you, you scurry away. Are you shy, squiggly line? Why only when I ignore you, do you return to the center of my eye? Oh, squiggly line, it's alright, you are forgiven.";

    echo wordlimit($string, 20);

    function wordlimit($string, $limit) {

        $overflow = true;

        $array = explode(" ", $string);

        $output = '';

        for ($i = 0; $i < $limit; $i++) {

            if (isset($array[$i])) $output .= $array[$i] . " ";
            else $overflow = false;
        }

        return trim($output) . ($overflow ? "..." : '');
    }

?>

示例http://codepad.org/WYJFPaD5

但这是一回事,你必须把它裁剪成“最合适的”

希望这能有所帮助。

票数 13
EN

Stack Overflow用户

发布于 2011-08-30 06:17:42

如果您的消息是字符串,则可以使用PHP执行以下操作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$stringChunkArray = str_split($string, 45); // 45 = desired char count
foreach ($stringChunkArray as $line) {
    echo $line.PHP_EOL;
}

这将保证每行45个字符...

票数 1
EN

Stack Overflow用户

发布于 2011-08-30 05:10:13

您是否尝试过在<span style="white-space: nobreak;">...</span>中对每一行进行包装,以强制其不进行包装?

一些文档可以在here中找到

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7238926

复制
相关文章
将MySQL复制限制为基于行的事件
在MySQL 8.0.18上进行的后续工作中,我们引入了对从服务器的回放线程进行权限检查功能,在本文中,我们将介绍一项新功能,可以进一步提高安全复制数据的能力,用户可以将复制流限制为仅基于行的事件。
MySQLSE
2020/09/28
9670
将MySQL复制限制为基于行的事件
介绍一款将屏幕录制为gif的软件
在写博客的过程中,发现很多时候需要录制屏幕并制作gif以便展示给大家。例如在这篇文章中,就需要将git的工作过程用动画的形式进行展示。在这里向大家介绍一款录制屏幕制作gif的软件。
大神带我来搬砖
2019/05/15
6920
css控制文本超出省略(单行、两行、多行)
想要控制文本长度?想要文本超出隐藏?还想要不用JavaScript实现?让我们来用css试试吧~本文重点css控制文本超出省略。完成单行、两行、多行的效果注意点本文提到的方法 都需要控制元素width的大小单行省略:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;两行省略: word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit
肥晨
2023/04/04
2.3K0
Sublime text3 将代码复制为RTF或HTML的方法
添加下面url: https://github.com/n1k0/SublimeHighlight/tree/python3
飞奔去旅行
2019/06/13
1.8K0
Sublime text3 将代码复制为RTF或HTML的方法
变限积分
积分号里面有一个变量y但对我们没有影响,相当于求和约定里的一个“哑指标”可以用任意字母替换掉。只有f这个壳是真正有意义的
云深无际
2021/04/14
9760
变限积分
C语言 | 将字符串a复制为字符串b并输出b
解题思路:定义两个字符数组a和b,对a数组初始化。将a数组中的每一个字符逐个复制到b数组中,程序中a和b都定义为字符数组,通过地址访问其数组元素。
小林C语言
2020/12/14
1.9K0
C语言 | 将字符串a复制为字符串b并输出b
限失真信源编码
有失真信源编码的数学模型如下图所示,将编码过程看成信息经过有扰信道传输的过程。信道输出 Y 即为编码输出。
timerring
2023/04/07
8580
限失真信源编码
url参数过长_url长度限制为多少
HTTP协议不对URI的长度作事先的限制,服务器必须能够处理任何他们提供资源的URI,并且应该能够处理无限长度的URIs,这种无效长度的URL可能会在客户端以基于GET方式的请求时产生。如果服务器不能处理太长的URI的时候,服务器应该返回414状态码(此状态码代表Request-URI太长)。 具体参见协议 ietf.org/rfc/rfc2616.txt 虽然协议中未明确对url进行长度限制,但在真正实现中,url的长度还是受到限制的: 一是服务器端的限制; 二就是游览器端的限制
全栈程序员站长
2022/09/23
3.8K0
【黄啊码】css 文本两行显示,超出省略号表示
 重点:text-overflow: ellipsis;只对display:inline;起作用
黄啊码
2022/06/15
6670
【黄啊码】css 文本两行显示,超出省略号表示
CTFSHOW VIP限免题目
使用vim时意外退出,会在目录下生成一个备份文件,格式为 .文件名.swp,访问/index.php.swp下载备份文件,用记事本打开即可
故里[TRUE]
2023/04/19
1.5K0
CTFSHOW VIP限免题目
MySQL限管理与访问控制
在MySQL中,限制管理和访问控制是非常重要的。通过限制某些用户或应用程序的访问权限,可以提高数据库的安全性,防止未经授权的数据访问和数据泄露。
堕落飞鸟
2023/05/11
7660
借助尾号限行 API 实现限行规则应用的设计思路分析
尾号限行是指根据车牌号的末尾数字,规定某些时段内不能在特定区域行驶,这是城市交通管理的一种措施。尾号限行政策的实施可以缓解城市交通拥堵问题,减少环境污染和交通事故等问题。
不是海碗
2023/04/27
6860
借助尾号限行 API 实现限行规则应用的设计思路分析
python将文本转换成图片输出
#-- coding:utf-8 -- from PIL import Image,ImageFont,ImageDraw text = u'欢迎访问open-open.com' font = ImageFont.truetype("msyh.ttf",18) lines = [] line ='' for word in text.split(): print word if font.getsize(line+word)[0] >= 300: lines.append(l
用户7999227
2021/11/02
2.7K0
python将文本转换成图片输出
#-- coding:utf-8 -- from PIL import Image,ImageFont,ImageDraw text = u'欢迎访问open-open.com' font = ImageFont.truetype("msyh.ttf",18) lines = [] line ='' for word in text.split(): print word if font.getsize(line+word)[0] >= 300: lines.append(l
用户8983410
2021/11/02
2.4K0
技能 | 如何使用Python将文本转为图片
有时候,我们需要将文本转换为图片,比如发长微博,或者不想让人轻易复制我们的文本内容等时候。目前类似的工具已经有了不少,不过我觉得用得都不是很趁手,于是便自己尝试实现了一个。 在 Python 中,PI
CDA数据分析师
2018/02/05
4.9K0
技能 | 如何使用Python将文本转为图片
多行或者单行文本超出两行显示点点点,如果保证内容始终垂直居中?
我现在的需求是这样的,我目前实现了一个div框,显示文字,超出两行显示...,如果单行要保证垂直居中,我如果给容器使用display:flex;align-items:center;则当文字内容过多的时候会不上下文字有截断;
蓓蕾心晴
2018/12/19
1.9K0
多行或者单行文本超出两行显示点点点,如果保证内容始终垂直居中?
【项目实战-16】SSO触发限频
某项目生产环境压测过程中,不带登录态访问官网首页,QPS值能达到5W多;带登录态访问首页,QPS下降10倍,不到5K。
Nanako
2021/02/23
6990
【项目实战-16】SSO触发限频
python将获取到的数据保存到文本
1.代码中json_str为获取到的json数据,数据类型为dic(不直接使用con的原因是它不能设置ensure_ascii和indent的值)
句小芒
2022/12/29
1.1K0
C# 用 iTextSharp 将 PDF 转成文本
using System; using System.IO; using iTextSharp.text; using iTextSharp.text.pdf; using iTextSharp.text.pdf.parser; public class ParsingPDF { static string PDF; static string TEXT2; /** * Parses the PDF using PRTokeniser * @param src the path to the or
用户8671053
2021/11/02
1.5K0
点击加载更多

相似问题

仅使用css将文本限制为两行

21

PHP将文本限制为两行,并在末尾添加圆点

11

将空格限制为两行换行

11

是否将div高度限制为其中的两行文本?

21

在HTML +CSS中:将文本强制为最大两行,增加宽度

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文