blocks|key|2231189|text|您是否尝试过在<span+style="white-space:+nobreak;">...中对每一行进行包装，以强制其不进行包装？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2231190|一些文档可以在here中找到|2231191|entityMap|0|LINK|mutability|MUTABLE|url|http://www.quirksmode.org/css/whitespace.html^0|7|1A|0|7|4|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@$9|T|A|U|1|V]]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Have you tried wrapping each line in a <code>&lt;span style="white-space: nobreak;"&gt;...&lt;/span&gt;</code> to force it from not wrapping?

Some documentation can be found <a href="http://www.quirksmode.org/css/whitespace.html" rel="nofollow">here</a>

blocks|key|4131025|text|CSS解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4131026|你可以设置一个高度，并做溢出隐藏。|4131027|span+{
++++display:+inline-block;
++++border:+black+1px+solid;
++++width:+300px;
++++height:+40px;
++++overflow:+hidden;
}|code-block|syntax|javascript|4131028|示例：http://jsfiddle.net/imoda/REs2Q/|offset|length|style|BOLD|4131029|4131030|PHP解决方案|4131031|服务器端的替代方案是使用substr|CODE|4131032|<?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+?+"..."+:+'');
++++}

?>|4131033|示例：http://codepad.org/OetkaMh6|4131034|这将输出100个字符的字符串，然后将...技巧附加到此，您必须将字符数更改为最适合您的情况。因为它是服务器端的，所以它不知道在每个场景中需要多少个字符才能仅触发一个回车。|4131035|或者，您可以限制字数：|4131036|<?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%2B%2B)+{

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

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

?>|4131037|示例：http://codepad.org/WYJFPaD5|4131038|但这是一回事，你必须把它裁剪成“最合适的”|4131039|希望这能有所帮助。|4131040|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/imoda/REs2Q/|1|http://codepad.org/OetkaMh6|2|http://codepad.org/WYJFPaD5^0|0|0|0|0|2|3|W|0|0|0|0|C|6|0|0|0|2|3|R|1|0|I|3|0|0|0|0|2|3|R|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1P|8|@$K|1Q|L|1R|M|N]]|9|@$K|1S|L|1T|1|1U]]|A|$]]|$1|O|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1W|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1X|8|@$K|1Y|L|1Z|M|T]]|9|@]|A|$]]|$1|U|3|V|5|F|7|20|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|21|8|@$K|22|L|23|M|N]]|9|@$K|24|L|25|1|26]]|A|$]]|$1|Y|3|Z|5|6|7|27|8|@$K|28|L|29|M|T]]|9|@]|A|$]]|$1|10|3|11|5|6|7|2A|8|@]|9|@]|A|$]]|$1|12|3|13|5|F|7|2B|8|@]|9|@]|A|$G|H]]|$1|14|3|15|5|6|7|2C|8|@$K|2D|L|2E|M|N]]|9|@$K|2F|L|2G|1|2H]]|A|$]]|$1|16|3|17|5|6|7|2I|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|2J|8|@]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|2K|8|@]|9|@]|A|$]]]|1B|$1C|$5|1D|1E|1F|A|$1G|1H]]|1I|$5|1D|1E|1F|A|$1G|1J]]|1K|$5|1D|1E|1F|A|$1G|1L]]]]

<h1>CSS Solution</h1>

You could set a height and do overflow hidden.

<pre class="lang-css prettyprint-override"><code>span {
 display: inline-block;
 border: black 1px solid;
 width: 300px;
 height: 40px;
 overflow: hidden;
}
</code></pre>

Example: <a href="http://jsfiddle.net/imoda/REs2Q/">http://jsfiddle.net/imoda/REs2Q/</a>

<hr>

<h1>PHP Solution</h1>

The server sided alternative is to use <code>substr</code>

<pre><code>&lt;?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) &gt; $limit ? "..." : '');
 }

?&gt;
</code></pre>

Example: <a href="http://codepad.org/OetkaMh6">http://codepad.org/OetkaMh6</a>

This will output 100 characters of the string then append <code>...</code> Trick with this is you'll have to change the number of characters to what works best for your situation. Because it's server sided, it won't know how many characters it takes in each scenario to trigger only one carriage return.

Alternatively, you can limit the number of words:

<pre><code>&lt;?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 &lt; $limit; $i++) {

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

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

?&gt;
</code></pre>

Example: <a href="http://codepad.org/WYJFPaD5">http://codepad.org/WYJFPaD5</a>

But it's the same thing, you have to tailor it to "best fit"

Hope that helps.

blocks|key|2231275|text|拉伸以适应其内容是表格单元格的标准行为。根据单元格的宽度拆分单词需要编写脚本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2231276|overflow:hidden只是切断了其余的单词，在Outlook+2007/2010中不支持。|2231277|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

It's standard behaviour of table cells to stretch to fit their content. Breaking words depending on the width of a cell would require scripting.

overflow:hidden just cuts off the rest of the words and is not supported in Outlook 2007/2010.

blocks|key|2231293|text|如果您的消息是字符串，则可以使用PHP执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2231294|$stringChunkArray+=+str_split($string,+45);+//+45+=+desired+char+count
foreach+($stringChunkArray+as+$line)+{
++++echo+$line.PHP_EOL;
}|code-block|syntax|javascript|2231295|这将保证每行45个字符...|2231296|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If your message is a string, you can do the following with PHP:

<pre><code>$stringChunkArray = str_split($string, 45); // 45 = desired char count
foreach ($stringChunkArray as $line) {
 echo $line.PHP_EOL;
}
</code></pre>

That will guarantee 45 chars per line...

blocks|key|3845070|text|这对我很有效，只要根据你的需要调整高度即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3845071|blog_content++{
++++display:+inline-block;
++++border:+0px;
++++height:+600px;
++++overflow:+hidden;
}|code-block|syntax|javascript|3845072|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me, just adjust the height as you wish.

<pre><code>blog_content {
 display: inline-block;
 border: 0px;
 height: 600px;
 overflow: hidden;
}
</code></pre>

blocks|key|346920|text|使用overflow:+hidden，text-overflow:省略号和固定高度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346921|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use overflow: hidden, text-overflow: ellipsis and fixed height.

I want to limit the text to a fixed number of lines for a table of 150px width in html email, for example:



<pre class="lang-none prettyprint-override"><code>Long text continues down the road into a lane and doesn't stop there
</code></pre>

I want it to look like this:

<pre class="lang-none prettyprint-override"><code>Long text continues down 
the road into a lane and...
</code></pre>

I am truncating the string for a max of 45 characters including ellipsis, but sometimes when a long word is present it goes to three lines:

<pre class="lang-none prettyprint-override"><code>Long text continues at
accelerating speed into the
road...
</code></pre>

Ideally I would like to break the word accelerating or rather fill as many characters it can in the first line and continue to second line, is there a way to do this in html? (I looked at the word-wrap but apparently it is not supported in all email clients)

Also since this is email clients, I can't do any javascript etc. also.

limiting text to only two lines

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我希望将html电子邮件中150px宽度的表格的文本限制为固定行数，例如：Long text continues down the road into a lane and doesn't stop there我希望它看起来像这样：Long text continues down the road into a lan...

问将文本限制为两行
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将文本限制为两行EN