<br>是无条件强迫换行。有一个<br>换一行
单独的<P>是空一行。
<p></p>是新的HTML定义,可以加
style,
class
在表格<TABLE><TR><TD></TD>><TD></TD></TR></TABLE>
中,当<TD></TD>宽度确定时,里面的内容会自动换行,即到格子右边,满一行,自己会换行。若需强迫换行时要用<BR>可以放在<pre></pre>之间,在此标签之间的代码会原封不动的呈现出来,在此标签之间的换行符直接有效,不用<br>,若不用<pre>标签,目前好像没有更好的单纯换行的标签,除非文字自动换行,再就是放在DIV、SPAN等等容器中,用CSS定义容器,我想那样就不单纯是换行那么简单的问题了
white-space,控制空白字符的显示,同时还能控制是否自动换行。它有五个值:normal | nowrap | pre | pre-wrap | pre-line
word-break,控制单词如何被拆分换行。它有三个值:normal | break-all | keep-all
word-wrap(overflow-wrap)控制长度超过一行的单词是否被拆分换行,是word-break的补充,它有两个值:normal | break-word
white-space
先看下white-space:nowrap时的情况:
不仅空格被合并,换行符无效,连原本的自动换行都没了!只有</br>才能导致换行!所以这个值的表现还是挺简单的,我们可以理解为永不换行。
white-space:pre:
空格和换行符全都被保留了下来!不过自动换行还是没了。保留,所以pre其实是preserve的缩写,这样就好记了。
white-space:pre-wrap:
显然pre-wrap就是preserve+wrap,保留空格和换行符,且可以自动换行。
white-space:pre-line:
空格被合并了,但是换行符可以发挥作用,line应该是new line的意思,自动换行还在,所以pre-line其实是preserve+new line+wrap。
两种方法:1把Label的AutoSize属性设为False,手动修改Label的大小内容的长度超过即可自动换行。
2把Label的Dock设为FILL,同时将AutoSize属性设为False,任一情况下都可自动换行。
pre :会 保留空格 ,但我想它与pre-line/pre-wrap最大的不同点就是 不会自动换行 ,单行走到底,直到遇到一个换行符才会换行。
pre-line与pre-wrap都会自动换行
但 pre-line 会把 多个空格合并成一个 。
而 pre-wrap会保留空格 。
一般情况,请使用 pre-wrap
css pre加了 强制换行怎么不可以比如,指定宽度为200px换行代码:
overflow: visible;
width:200px;
word-wrap:break-word;
white-space:-moz-pre-wrap;
针对IE7的强制换行代码:
word-wrap:break-word;
针对火狐的强制换行代码:
white-space:-moz-pre-wrap;
<script>
function toBreakWord(intLen){
var obj=documentgetElementById("ff");
var strContent=objinnerHTML;
var strTemp="";
while(strContentlength>intLen){
strTemp+=strContentsubstr(0,intLen)+"<br>";
strContent=strContentsubstr(intLen,strContentlength);
}
strTemp+="<br>"+strContent;
objinnerHTML=strTemp;
}
if(documentgetElementById && !documentall) toBreakWord(37)
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)