- 浏览: 1214040 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq:
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk:
关于楼主最后的问题,我想可能是这样:InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf:
上述7点基本具备,可惜现在因为项目需要,做管理方面工作!
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1:
链接已经失效
Eclipse添加JSEclipse 插件(js插件) -
younglibin:
看了以上7条, 自己 也不知道是否能够对上, 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
============================================
CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
设置强行换行
word-break:
normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
============================================
看了以上的介绍,赶快试一下,看看效果吧!
英文不换行
CSS里加上 word-break: break-all; 问题解决。这个问题只有IE才有,在FF下测试,FF可以自己加滚动条,这样也不影响效果
建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题
以下引用word-break的说明, 注意word-break 是IE5+专有属性
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
示例:
div {word-break : break-all; }
发表评论
-
javaweb项目RuntimeException不能默认打印到控制台
2012-11-26 15:46 3053前几天搭建了一个框架: 配置 struts2 spring2 ... -
CSS 中 # 和 . 的区别
2011-05-17 10:03 15487id:用来定义页面中大 ... -
在网页右下角弹出提示窗口(完整实例)+参数说明
2010-01-05 10:58 4041<Script language="javas ... -
鼠标经过导航栏改变页面的内容
2010-01-04 16:30 3015用到的css: <style type="t ... -
固定(冻结 )table第一行的列名
2009-12-25 14:35 11869在做数据展示时,出阿里的数据好多,分页后,由于页面显示的范围比 ... -
图片 的超链接带边框
2009-12-25 11:43 3428去掉图片超链接边框颜色: 一种方法是在图片img标签 ... -
<td>……</td>里的字数100,只显示其中20个
2009-12-22 17:33 6792如果不是一定要限制字数,可以限制长度的话 <ta ... -
页面在不同屏幕分辨率下存在的问题及解决办法
2009-11-12 11:47 7493页面在不同屏幕分辨率下存在的问题及解决办法(未考虑800*60 ... -
struts2 标签展示 map
2009-09-21 17:59 2273从数据库中查找出来的 ... -
JSP中Servlet生命周期
2009-08-31 08:36 1566Servlet生命周期:以下是 ... -
JSP中response对象
2009-08-31 08:35 3599所属接口:javax.servlet.http.HttpSer ... -
JSP中request对象
2009-08-31 08:34 13105JSP中request对象 Web是请求/响应架构的使用,浏 ... -
JSP的动态导入和静态导入
2009-08-31 08:33 3608JSP的动态导入和静态导入: 1.静态导入时将被导入页面的代 ... -
JSP 的 九 个内置对象
2009-08-27 17:03 1448JSP 的 9 个内置对象 JSP 页面中包含 9 个内置对象 ... -
JSP 的七个动作指令
2009-08-27 10:59 2030动作指令与编译指令不间,编译指令是通知 Servlet 引擎的 ... -
JSP 的三个编译指令
2009-08-27 10:15 1375JSP 三个编译指令: page: 该指令是针对当前页面 ... -
JSP页面跳转大全
2009-08-26 13:22 3793JSP中的跳转: (1). forward()方法 使 ... -
Tree 元素列表一览
2009-08-26 13:13 1512每个结点有一个状态叫做OPEN(打开); 如果结点为OPEN, ... -
JSP页面元素详解
2009-08-26 13:10 1966document方法: getElementById(id) ...
相关推荐
### CSS中的强制换行与强制不换行 在网页布局设计中,文本的换行处理是非常重要的一个方面。良好的文本换行不仅可以使页面看起来更加整洁美观,还能够提高用户的阅读体验。CSS(层叠样式表)提供了多种方式来控制...
### CSS 实现文本不换行、自动换行与强制换行的方法 在Web开发中,对文本进行合理的换行处理是非常重要的,它不仅能够改善页面布局的美观度,还能够提高用户体验。本文将详细介绍如何使用CSS来实现文本的不换行、...
根据给定文件,我们可以了解到如何利用CSS的不同属性实现文字不换行、自动换行和强制换行的三种效果。在页面排版中,合理地应用这些技术可以帮助我们处理各种复杂情况下的文本布局问题。 首先,实现页面文字不换行...
当处理文本内容时,特别是当文本长度不确定或包含长单词时,如何正确地进行自动换行和强制换行显得尤为重要。这是因为不恰当的换行处理可能导致页面布局的混乱,影响用户体验。本文将详细讲解CSS中的两个关键属性:`...
CSS实现不换行/自动换行/文本超出隐藏显示省略号;自动换行,强制不换行,单行文本不换行多余文本显示省略号,第n行显示省略号,亲测有效。
CSS控制Table单元格强制换行与强制不换行 我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个...
这里我们将详细探讨如何使用CSS实现强制不换行、自动换行以及强制换行,同时也会提及一些相关技巧。 1. **强制不换行** 当你希望某个文本内容在一个容器内不进行换行显示时,可以使用`white-space`属性并将其值...
HTML 中表格 TD 内容自动换行 HTML 中让表格 TD 中的多余字体自动换行是前端开发中常见的问题。今天,我们将讨论如何使用 CSS 来控制 TD 中...我们学习了强制不换行和强制换行的实现方法,并介绍了相关的属性和实例。
综上所述,通过合理的CSS设置,可以有效实现跨浏览器的强制不换行和强制换行功能,同时保证页面布局的一致性和良好的用户体验。开发者应根据实际需求选择合适的CSS属性组合,以达到最佳兼容性和性能。
标题提到的"firefox,IE 都兼容字符强制换行"是指在Firefox和Internet Explorer(IE)这两种主流浏览器上实现文本强制换行的技术。虽然这两款浏览器在处理某些HTML和CSS特性时可能存在差异,但可以通过一些方法来实现...
这里我们将详细讨论如何实现强制不换行以及自动换行,并分析不同换行方式的区别。 1. **强制不换行并以省略号结尾** 当希望文本在容器内不换行且超出部分以省略号表示时,可以使用以下CSS样式: ```css div { ...
3. **单元格内部强制换行(IE/Firefox)** - 对于需要在单元格内部换行的情况,可以结合使用`white-space: nowrap;`和`word-wrap: break-word;`或`word-break: normal;`。 - 示例代码: ```css td { white-...
在本文中,将讨论CSS中的换行控制技术,特别是如何使用CSS强制实现文本换行或阻止换行。这在网页设计和布局过程中非常重要,尤其是在处理表格、列表或其他需要精确控制文本流动的元素时。 首先,了解`word-break`...
以上内容详细介绍了CSS中关于如何控制文字自动换行的几种实现方法,这在网页布局和排版中非常关键,能够帮助开发者更加精确地控制页面的显示效果,提升用户体验。在实际应用中,需要结合不同浏览器的兼容性来选择...
以下是关于CSS强制换行对齐实现方法的详细知识点: 一、text-justify属性的基本用法 text-justify属性定义了如何在元素的文本中进行两端对齐。它可以接受以下几个值: 1. auto:这个值由浏览器决定如何进行两端...
为了解决长文本不换行的问题,可以使用CSS属性`word-break`和`word-wrap`来实现强制换行。这两个属性可以控制文本在何处和何时换行,提供了一种更灵活的解决方案。 - **`word-break: break-all;`**:此属性会强制在...
连续字符的CSS换行,主要用到CSS的word-break属性,为其添加:break-all参数,这样的话字符会适应规定的宽度而自动换行,实际上这就是CSS的强制换行功能。 复制代码代码如下:<title>连续字符的CSS换行代码</...