html排版问题:由引号引起的标点符号不符合规范或者换行空白的问题。

问题描述

如上图1,引号部分由于后边存在标点,自动换行导致上一行有三个字左右的空白。 如上图2,给段落添加了word-break:break-all属性,但是逗号移到了下一行,不符合标点符号不在行首的规范。 如上图3,Word中遇到这种情况会自动调节行距保证规范,同时兼顾了显示效果。HTML排版中可以实现这种效果么?

解决方案

没试过,不知道pre标签可不可以
解决方案二:
你可以在输入的文字的时候判断有没有标点符号 如果有 让他跟它前面的文字拼接在一起 这样可以避免不符合标点符号不在行首的规范。

时间: 2024-09-22 09:11:43

html排版问题:由引号引起的标点符号不符合规范或者换行空白的问题。的相关文章

PowerShell脚本反引号用法实例:随时随地给代码换行

  这篇文章主要介绍了PowerShell脚本反引号用法实例:随时随地给代码换行,在遇到一些超长代码行时非常有用,一般编程代码一行的字符数不超过80个哦,需要的朋友可以参考下 为了增强可读性,大家都喜欢将很长的本来可以一行写完的脚本分割成多行. 代码如下: Get-Service | Where-Object { $_.Status -eq 'Running' } Get-Service | Where-Object { $_.Status -eq 'Running' } 在管道符号结束以后,我

PowerShell脚本反引号用法实例:随时随地给代码换行_PowerShell

为了增强可读性,大家都喜欢将很长的本来可以一行写完的脚本分割成多行. 复制代码 代码如下: Get-Service | Where-Object { $_.Status -eq 'Running' }   Get-Service | Where-Object { $_.Status -eq 'Running' } 在管道符号结束以后,我们可以直接换行.有时遇到花括号时,也可以非常安全的换行: 复制代码 代码如下: Get-Service |   Where-Object { $_.Status

如何解决英文单词排版断行?

  如果你的文章排版涉及到大量英文单词,换行问题不好解决怎么办?下面提供一个小技巧,让你轻松处理英文单词排版断行的问题,小编就为你详细介绍如何解决英文单词排版断行. 以前排版中涉及到的英文单词比较少,遇到换行问题处理不了,就手动处理一下了之.最近排了一篇涉及许多英文单词的中英文混排文档,英文单词的换行问题出了麻烦.起初,在文章中输入英文单词时,发现遇到行末的时候,一个单词都会被分开显示在两行,且中间没有连字号"-",不符合行文规范,因此只得用手工的办法人为换行或添加连字符号.弄了一些之

SAP LSMW 因物料描述里有换行符或者引号导致数据导入失败

SAP LSMW 因物料描述里有换行符或者引号导致数据导入失败   近期,笔者所在的D项目进入第一轮主数据导入的阶段.导入物料主数据由笔者负责. 我的LSMW工具如下方式: 采用的是standard batch/Direct Input的方式,而非普通的录屏.   导入的过程中,常常遇到这种莫名其妙的极其不友好的报错:     回车,出现如下界面:   回车,出现如下界面:     回车,出现如下界面:       回车,出现如下界面:     这种报错,虽然乍一看,让人不解.不过最终还是被笔者

boost库之tokenizer的使用

    在tokenizer出现之前,如果我们要对一个字符串进行分割,可能要自己封装一个函数.如果有n种不同的分割规则,那么你要封装n个不同的分割函数--太麻烦了!现在好了,Boost库的tokenizer封装了统一的语法来分割字符串,并且提供了三种常用的分割方式,足以满足我们的绝大多数编程需求.    tokenizer主要由分割器和迭代器两部分组成.分割器用于指定字符串的分割规则,如果不指定任何分割器,则tokenizer默认将字符串以空格和标点(键盘上除26个字母(包括大小写)和数字外的其

写给设计师的字偶距调整指南

本文讲的是写给设计师的字偶距调整指南, 你可曾盯着刚排版的单词或词组却觉得看上去间距有点远? 这就涉及到字偶距的问题了.字偶距是指两个字母(或其他字符,比如数字,标点符号等)之间的空白,而调整该空白可以避免看起来笨拙的单词间隙,同时提升可读性. 有时字体默认的字偶距对特定的字母组合并不理想,需要手动调整让所有字母间的空白看起来和谐一致.这里有必要提一句,字偶距事关视觉感受,关心字母之间视觉距离而不是实际距离.字偶距要求调整版面设计来实现视觉上的恰当,并非为了数学上的等距. 印刷字体正是因为有了几

秒懂!看机器学习如何净化处理文本

更多深度文章,请关注:https://yq.aliyun.com/cloud 你不能直接把原始文本提交给机器学习或深层学习模型,而必须首先对文本进行净化,也就是将文本分解成单词,以及处理标点符号和大小写. 事实上,你需要使用一整套的文本预处理方法,而且这个方法的选择取决于你需要对自然语言做何种处理. 在本教程中,你将学到如何为机器学习建模而净化和处理文本,包括: 如何开发简单的文本净化工具. 如何使用NLTK库中更复杂的方法. 在使用现代文字表示方法时如何处理文本. 让我们开始吧. 照片出自ch

正则表达式30分钟入门教程 专题

来园子之前写的一篇正则表达式教程,部分翻译自codeproject的The 30 Minute Regex Tutorial. 由于评论里有过长的URL,所以本页排版比较混乱,推荐你到原处查看,看完了如果有问题,再到这里来提出. 一些要说的话: 如果你没有正则表达式的基础,请跟着教程"一步步来".请不要大概地扫两眼就说看不懂--以这种态度我写成什么样你也看不懂.当我告诉你这是"30分钟入门教程"时,请不要试图在30秒内入门. 事实是,我身边有个才接触电脑,对操作都不

FreeMarker语法指南

  FreeMarker概述 l         FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写 l         FreeMarker被设计用来生成HTML Web页面,特别是基于MVC模式的应用程序 l         虽然FreeMarker具有一些编程的能力,但通常由Java程序准备要显示的数据,由FreeMarker生成页面,通过模板显示准备的数据(如下图) l         FreeMarker不是一个Web应用框架,而适合作为Web应