Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以用文字换行来防止第二行出现奇怪的一个字问题吗?_Javascript_Html_Css - Fatal编程技术网

Javascript 我可以用文字换行来防止第二行出现奇怪的一个字问题吗?

Javascript 我可以用文字换行来防止第二行出现奇怪的一个字问题吗?,javascript,html,css,Javascript,Html,Css,有没有CSS样式或JS库可以用来防止第二行出现奇怪的一个单词问题?例如,假设一个div非常适合这个句子: Sign up now and start today! 但当翻译成法语时,看起来是这样的: Inscrivez-vous et commencer maintenant! Inscrivez-vous et commencer maintenant! 我希望这句话能平分秋色,如下所示: Inscrivez-vous et commencer maint

有没有CSS样式或JS库可以用来防止第二行出现奇怪的一个单词问题?例如,假设一个div非常适合这个句子:

Sign up now and start today!
但当翻译成法语时,看起来是这样的:

Inscrivez-vous et commencer
        maintenant!
Inscrivez-vous et
commencer maintenant!
我希望这句话能平分秋色,如下所示:

Inscrivez-vous et commencer
        maintenant!
Inscrivez-vous et
commencer maintenant!

我不能随意使用换行符来管理这些内容,我需要一个CSS或JS库来修复它们。

将文本放在一个跨距中,然后使用CSS设置跨距的最大宽度。不确定您是如何在这方面使用javascrip的,但以下内容应该会让您了解如何使用javascrip

html

您可以通过编程(即使用JavaScript)将任何html元素中的所有最终空格转换为不间断空格

运行下面的代码片段并重新调整窗口大小以查看换行的效果:您将永远不会在段落的最后一行看到一个单词(或长标题,或其他任何内容)。在这段代码中,您可以通过为要修改的元素的标记创建一个包含css符号的字符串来选择要针对的元素,例如仅针对段落,或div和段落等。请注意,在代码中使用
元素只是为了演示。在现实生活中,不要这样

当我在写这个答案的时候,为了给应得的分数打分,贡献者QBM5也建议以这种方式使用非中断空格

var htmlTagsToModify=“h1,h2,div,p,li”;
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$(“span”).toggleClass(“显示”);
});
//$(htmlTagsToModify).css({'color':'red'});
$(htmlTagsToModify).each(函数(idx,元素){
var content=$(elem.html();
var lastSpace=”“;//只需使用此行进行演示即可
//var lastSpace=”“;//在实际实现中使用此行
var modifiedContent=content.replace(/\s+(\s+\s*$)/,lastSpace+“$1”);
$(elem).html(修改内容);
});
});
span.show{
背景颜色:橙色;
}

切换最后空格的高亮显示
调整此窗口的大小以观察换行

Lorem ipsum dolor sit amet,最著名的是soleat Desuisse,特别是fabulas sit。我们是劳动圣地。 这是原则上的异议,不可侵犯。伊卢德·劳尔·费朗和海。请重新审视产品的真实性,以确保产品质量。与其他人相比,我认为这是一种便利。但固有的交互作用,通常不存在。在雄辩的辩论中,伊卢德·埃蒂安有一个。 这是我的错。Facer召集了他的第二次会议,因为他是首席代表。视觉虹膜感觉唇。 Albucius的结论是在。喧闹的动物谷物和蔬菜,不符合原则。首先是最小cu pro,然后是负重体,然后是移动的木偶。在eam的aliquando餐厅,两位维维特斯·维旺多·尤迪卡比特(veritus vivendo iudicabit)餐厅,在eam餐厅,您的生活充满活力

  • Civibus ullamcorper得出的结论是,通常情况下,我们都不知道该怎么做。同上,erat euismod lucilius ut pri,pri在流动性转让时。在这件事上,我要向所有人道歉。但是,我们必须承认,我们不能承认。作为康格奥迪尔广告公司的一员,他将在新的一年里,首先提出异议。Vix mandamus Consultatu ut
  • 请参阅内容表,我的名字是ipsum Melior。克里塔·斯卡维拉·因维杜恩特没有。Eam平面支承件。两个交替的反奥帕姆哲学大师,前eos delicata Tracatos。这是一个很好的地方

“对于堆栈溢出,因为它们往往会吸引固执己见的答案和垃圾邮件。相反,请描述问题以及迄今为止为解决该问题所做的工作。”可能的重复称为寡妇/孤儿。有一个特定的线索来补充上面的换行解决方案:这里列出了moe css唯一的解决方案:如果使用“”换行符,将防止两个单词在换行时分开。因此,您可以使用“Committer Maintenant”而不是“Committer Maintenant”,您可以将句子拆分为一段可以自己翻译的文本:
注册并从今天开始
Inscrivez VOU和Committer Maintenant
上交。这些显示为内联块的片段将把线打断在一起。