用CSS让文字在一行内显示不换行的方法:
一般的文字截断(适用于内联与块):
.text-overflow{
display:block /*内联对象需加*/
width:31em
word-break:keep-all /* 不换行 */
white-space:nowrap /* 不换行 */
overflow:hidden /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis /*溢出时显示省略标记...;需与overflow:hidden一起使用*/
}
对于表格,定义有点不一样:
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会有"...",其它的浏览器文本超出指定宽度时会隐藏。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
css换行属性:语法:word-wrap:
normal
|
break-word
取值:normal
:
默认值。允许内容顶开指定的容器边界
break-word
:
内容将在边界内换行。如果需要,词内换行(
word-break
)也将发生
说明:设置或检索当当前行超过指定容器的边界时是否断开转行。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的
height
或
width
属性,或者设定
position
属性为
absolute
,或者设定
display
属性为
block
。此属性对于
currentStyle
对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为
wordWrap
。
示例:div
<head
runat="server">
<title>无标题页</title><style
type="text/css"><!--div
--></style></head>然后
属性调用CssClass="div"
www.661uc.com
www.833uc.com
www.776f.com
www.771uc.com
www.995uc.com
www.881uc.com
www.773uc.com
www.993f.com
www.993uc.com
www.116uc.com
www.991uc.com
www.337uc.com
www.717uc.com
www.113uc.com
www.199gg.com