用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 如何控制span 强制换行<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN"":w3./TR/4/loose.dtd"><><head><meta -equiv="Content-Type" content="text/charset=utf-8"><title>景安网路</title><style type=text/css>span{ display:block}</style></head><body><span>景安</span><span>景安网路</span><span>景安网路</span></body></>使用display:block将span转成块级元素即可
火狐浏览器下,CSS如何控制强制换行
比如,指定宽度为200px换行程式码:
overflow: visible
width:200px
word-wrap:break-word
white-space:-moz-pre-wrap
针对IE7的强制换行程式码:
word-wrap:break-word
针对火狐的强制换行程式码:
white-space:-moz-pre-wrap
怎样让css控制文字禁止换行/强制不换行?
<style type=text/css>
div{width:300pxborder:1px solid redmargin:10pxoverflow:hidden}
.nowrap{white-space:nowrap}
</style>
<div class="nowrap">这是一段很长的文字,中间没有空格,也没有换行,它不会自动换行直到被撷取掉</div>
<div>这是一段很长的文字,中间没有空格,也没有换行,但它会自动换行</div>
上面两个div里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设定,于是自动换行了。
CSS样式怎么控制文字强制换行
css文字强制换行的方法,用word-wrap属性
在预设情况下,如果文字的内容超过某个div块的宽度的话,就会发生自动换行,因为div块的white-space属性的预设值是normal。但是也有两种情况:
1、如果div块里是一串的文字内容,那么到了div块的width限制时,会自动换行。
2、如果div块里一串没有空格的字母或者数字的时候是那就不换行了,而是直接溢位div块。这时就要考虑css文字强制换行了。
那CSS样式怎么控制文字的强制换行?
这时候我们需要用到word-wrap属性,还有一个属性word-break也能够解决换行问题,但是它的浏览器相容性不好,并且还有可能导致其他问题,所以这里不建议使用。
word-wrap的break-word属性值可以导致换行,一般说来如果一个单词比较长的话,行末的空间不足以容纳这个单词就会产生换行,而不是将一个单词截断,word-break的break-all属性值可以截断一个单词
<style type=text/css> .first{width:120px height:60px border:1px solid blue word-wrap:break-word}.second{width:120px height:60px border:1px solid red word-break:break-all }
CSS样式怎么控制文字强制换行 详细??
块的white-space 属性的预设值是normal。但是也有两种情况:
1、如果div 块里是一串的文字内容,那么到了div 块的width 限制时,会自动换行。
2、如果div 块里一串没有空格的字母或者数字的时候是那就不换行了,而是直接溢位
div 块。这时就要考虑css 文字强制换行了。
这时候我们需要用到word-wrap 属性,还有一个属性word-break 也能够解决换行问
题,但是它的浏览器相容性不好,并且还有可能导致其他问题,所以这里不建议使用。
word-wrap 的break-word 属性值可以导致换行,一般说来如果一个单词比较长的话,
行末的空间不足以容纳这个单词就会产生换行,而不是将一个单词截断,word-break 的
break-all 属性值可以截断一个单词。
如何控制ListView的换行
listView1.LabelWrap = true把自动换行的属性设定为TRUE就好了。
当 LabelWrap 属性设定为 true 时,如果需要,项文字会换至文字的下一行。如果文字长于两行,则文字将缩短。如果使用者选择了该项,则显示所有项文字。如果 LabelWrap 属性设定为 false,则所有项文字都将显示在单独一行中。整个项文字在 LabelWrap 设定为 false 时显示。只有在 View 属性设定为 LargeIcon 或 SmallIcon 时才使用该属性。
建议楼主用dataGridView 可自动换行。
CSS强制不换行,居中?
让div居中,body的text-align得是center
div设定好宽度,然后white-space:nowrapoverflow:hidden
如何控制richTextBox来换行?
richTextBox.text+="显示的文字"+"\n"
div如何使内容强制不换行,用CSS实现!
你好,不使用浮动,使用inline-block就可以处理了:
<div > <div >1</div> <div >2</div> <div >3</div> <div >4</div> <div >5</div></div>
如果要考虑IE6/7,display:inline-block的元素需加上:
*display: inline*zoom: 1
希望是你想要的结果,望采纳~~
label控制元件中怎么控制文字强制换行
第一种是把Label的AutoSize属性设为False,手动修改Label的大小.这样的好处是会因内容的长度而自动换行,但是当内容的长度超过所设定的大小时,多出的内容就会无法显示.因此,这种方法适合于基本确定内容长度的时候使用.
第二种是把Label的Dock设为FILL,同时将AutoSize属性设为False,这种方法可将上面所说的缺点修正,但是同时Label会将其它控制元件的位置霸占,影响布局.因此,在使用该方法时,最好给Label加上个Panel或GroupBox控制元件.
第三种是通过判断内容的长度,动态设定Label的大小.具体程式如下(Label控制元件取名为Label1,显示内容的字串为str):
int LblNum = str.LengthLabel内容长度
int RowNum = 10每行显示的字数
float FontWidth = label1.Width / label1.Text.Length每个字元的宽度
int RowHeight=15每行的高度
int ColNum = (LblNum - (LblNum / RowNum) * RowNum) == 0 ? (LblNum / RowNum) : (LblNum / RowNum) + 1列数
label1.AutoSize = false设定AutoSize
label1.Width = (int)(FontWidth * 10.0)设定显示宽度
label1.Height = RowHeight * ColNum设定显示高度
通过这种方法可以令Label每行所显示的字数得到控制,同时也动态的生成的所对应的行数,这对于排版有很大的好处,但是如果显示内容过多,该方法也会令多出来的内容无法显示.因此,对于显示内容过长的时候,可以在外层加上Panel或GroupBox,设定AutoScroll为true,这样就不会因为太长而导致Label高度扩大而影响其它控制元件的布局,同时也可以更好地显示完整的内容。
1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比)
2.强制不换行 div{ //white-space:不换行normal 默认nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 white-space:nowrap} 自动换行 div{ word-wrap: break-word//word-break设置强行换行normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行 word-break: normal} 强制英文单词断行 div{ word-break:break-all}
3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 table{table-layout: fixed} td(word-break: break-allword-wrap:break-word) 注释一下: 1.第一条table{table-layout: fixed},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。 http://www.knowsky.com/ (1)语法: word-break : normal | break-all | keep-all 参数: normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 (2)语法: word-wrap : normal | break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生 说明: 设置或检索当当前行超过指定容器的边界时是否断开转行。 对应的脚本特性为word-wrap。请参阅我编写的其他书目。 (3)语法: table-layout : auto | fixed 参数: auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关 说明: 如何让表格自动换行? 设置或检索表格的布局算法。 对应的脚本特性为tableLayout。
4.按照网上大多数文章的说法,只要在CSS中加入: 代码 .......... Code: table { table-layout:fixedword-break:break-allword-wrap:break-word} div{word-break:break-allword-wrap:break-word} 就可以解决表格和层被撑破,最初我也是这样做的。不过这样的代码会造成一个问题,你会发现英文词全部被截断了,这不符合英语的书写习惯也不利于阅读。 后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。 如下: 代码 Code: table { table-layout: fixedword-wrap:break-word} div { word-wrap:break-word}