java英文单词断行_CSS样式解决英文换行断词问题

通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。

实列如下：

.title

{

width:200px;

white-space:nowrap;

word-break:keep-all;

overflow:hidden;

text-overflow:ellipsis;

}

可用span或div引用,例如:

客户端解决标题显示太长省略多余部分并加省略号的样式

以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.

=============================================================================

(外一)

word-wrap : break-word ;word-break : break-all ;

word-wrap是控制换行的。

使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。

break-word是控制是否断词的。

normal是默认情况，英文单词不被拆开。

break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。

keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。(英文语句正常。)

ie下：

使用word-wrap:break-word;所有的都正常。

让英文英文自动换行

style=”WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all”

还有一种情况，往往需要设置数据只在一行里显示,但调用数据的时候,当没有为数据设定固定的长度的话,无论是IE还是firefox，到达边界都会自动换行(就算是设置了,但又会有英文和中文的字数区别,字数限制的个数又会是一个让你头痛或需要取舍的问题)。

哪有什么更好的解决办法呢?其实可以用CSS 的 white-space: nowrap 来解决这个问题。使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能换行。

如果是要应用到displaytag上面去的话，就在displaytag table中加{styel:wordwrap:break-word;}或直接在displaytag.css中对display样式进行增加。

如果是要应用到table上面的直接写到table 中 {styel:wordwrap:break-word;}，不用写在每个td中。而且要是被多个table引用的话，直接写到总样式中……

java英文单词断行_CSS样式解决英文换行断词问题相关推荐

CSS样式解决英文换行断词问题
* {word-wrap : break-word ;word-break : break-all ;} /*word-wrap是控制换行的. 使用break-word时,是将强制换行.中文没有任何问 ...
解决给word中表格设置“跨页断行”后出现大片空白
解决给word中表格设置"跨页断行"后出现大片空白在写文档时出现了如下难堪情景,那个字他就是不到下一页去,它不想分开,就硬给它分开. 解决办法:在表格处右击,"表格属性 ...
袁创:文本编辑器中文字断行及排版算法研究
文本编辑器是一种非常复杂的图形软件,涉及到的很多开发技巧和软件结构都是传统的数据库程序开发中所从未应用的,因此掌握相关技术的人是非常的少的.在其中文字断行及排版算法是编辑器开发中的核心算法之一.如果没 ...
Vue给table指定行加样式
需求:动态表格指定行加样式解决方法::cell-style="cellStyle" 适用表格插件:Element.vxe-table 注:本文以vxe-table表格插件示例,E ...
文本编辑器中文字断行及排版算法研究
文本编辑器中文字断行及排版算法研究袁永福 2013/4/15 文本编辑器是一种非常复杂的图形软件,涉及到的很多开发技巧和软件结构都是传统的数据库程序开发中所从未应用的,因此掌握相关技术的人是非常的少 ...
Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
点击上方 "程序员小乐"关注公众号, 星标或置顶一起成长每天凌晨00点00分, 第一时间与你相约每日英文 Destiny decides who enters your lif ...
phpexcel_cell 获取表格样式_Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
精品推荐国内稀缺优秀Java全栈课程-Vue+SpringBoot通讯录系统全新发布! Docker快速手上视频教程(无废话版)[免费] 作者:E-iceblue https://www.cnblo ...
java操作跨页的word cell_Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括如何在Word中创建嵌套表格. 对已有表格添加行或者列复制已有表格中的指定行或者列对跨页的表格可设置是否禁止跨页断行创建表 ...
java操作跨页的word cell_Java 创建Word表格/嵌套表格、添加/复制表格行或列、设置表格跨页断行...
概述表格作为一种可视化交流模式及组织整理数据的手段,在各种场合及文档中应用广泛.常见的表格可包含文字.图片等元素,我们操作表格时可以插入图片.写入文字及格式化表格样式等.下面,将通过Java编程在W ...
Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括如何在Word中创建嵌套表格. 对已有表格添加行或者列复制已有表格中的指定行或者列对跨页的表格可设置是否禁止跨页断行创建表 ...

java英文单词断行_CSS样式解决英文换行断词问题

java英文单词断行_CSS样式解决英文换行断词问题相关推荐

最新文章

热门文章