Javascript 我可以用文字换行来防止第二行出现奇怪的一个字问题吗?
有没有CSS样式或JS库可以用来防止第二行出现奇怪的一个单词问题?例如,假设一个div非常适合这个句子: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
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
上交。这些显示为内联块的片段将把线打断在一起。