div css xhtml xml example Source Code example Source Code
.text-overflow {
display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/
}
对于表格文字溢出的定义：
div css xhtml xml example Source Code example Source Code
table{
width:30em
table-layout:fixed/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:100%
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/
}
需要你注重的是，这个东东只对单行的文字的效，假如你想把它用在多行上，也只有第一行有作用的。 这个写法只有ie会有“...”，其它的浏览器文本超出指定宽度时会隐藏。
深入研究在opera和 Firefox中文字溢出处理：
[问题]
最近发现我的space在opera下浏览时, 右半边竟然会变得超宽(我使用的是跟你一模一样的排版模式), 以至于超出1024的显示范围、最大化窗口情况下竟然还出现了横向滚动条. 按照你提供的方法, 把所有的模块全删除后, 还是这样. 百思不得其解...
用另外一个通行证开通了一个新的space, 采用同样的布局排版, 在opera下却是没有问题!
难道是因为我期间测试了扩展space右侧空间, 以及添加过第二个html模块[之后又删除了]等操作, 导致将我的space代码搞乱了?
是ie6重复字符bug吧当在一系列浮动元素的第一个和最后一个元素之间有多个注释时候,就会出现这个bug
---------
最简单的解决方案,就是删除注释
首先你容纳文字的容器要设置固定的宽高，然后加上以下属性white-space:
nowrap
word-break:
keep-all
text-overflow:
ellipsis
第一行的代码，是不允许文字换行
第二行的代码，是不允许把单词拆开
第三行的代码，就是文本超出容器，以省略号显示
望采纳！
