投稿
  1. 首页
  2. 安全

css实现强制不换行自动换行强制换行

斗轮挖掘机 • 2023-5-26 • 安全 • 阅读 11

css实现强制不换行自动换行强制换行,第1张

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
Word-wrap:
break-word;
wo
强制不换行
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;
}

css 如何控制span 强制换行
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 401 TransitionalEN"":w3/TR/4/loosedtd"><><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:300px;border:1px solid red;margin:10px;overflow: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的换行
listView1LabelWrap = true; 把自动换行的属性设定为TRUE就好了。
当 LabelWrap 属性设定为 true 时，如果需要，项文字会换至文字的下一行。如果文字长于两行，则文字将缩短。如果使用者选择了该项，则显示所有项文字。如果 LabelWrap 属性设定为 false，则所有项文字都将显示在单独一行中。整个项文字在 LabelWrap 设定为 false 时显示。只有在 View 属性设定为 LargeIcon 或 SmallIcon 时才使用该属性。
建议楼主用dataGridView 可自动换行。
CSS强制不换行，居中？
让div居中，body的text-align得是center;
div设定好宽度，然后white-space:nowrap;overflow:hidden;
如何控制richTextBox来换行？
richTextBoxtext+="显示的文字"+"\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 = strLength; Label内容长度
int RowNum = 10; 每行显示的字数
float FontWidth = label1Width / label1TextLength; 每个字元的宽度
int RowHeight=15; 每行的高度
int ColNum = (LblNum - (LblNum / RowNum) RowNum) == 0 (LblNum / RowNum) : (LblNum / RowNum) + 1; 列数
label1AutoSize = false; 设定AutoSize
label1Width = (int)(FontWidth 100); 设定显示宽度
label1Height = RowHeight ColNum; 设定显示高度
通过这种方法可以令Label每行所显示的字数得到控制,同时也动态的生成的所对应的行数,这对于排版有很大的好处,但是如果显示内容过多,该方法也会令多出来的内容无法显示因此,对于显示内容过长的时候,可以在外层加上Panel或GroupBox,设定AutoScroll为true，这样就不会因为太长而导致Label高度扩大而影响其它控制元件的布局，同时也可以更好地显示完整的内容。

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;
    }

一、使用writing-mode属性
语法：writing-mode:lr-tb或writing-mode:tb-rl
参数：
1、lr-tb：从左向右，从上往下
2、tb-rl：从上往下，从右向左
运行代码发现，ie显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。
　二、模拟文字竖排
代码：
ul{width:100px;height:80px;overflow:hidden;list-style:none;}
ul li{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}
此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行（连续字符自动换行）。

自动换行
div{
word-wrap: break-word;
//word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则，允许在字内换行
word-break: normal;
}
这是摘抄的，你可以看看这个>兄弟，正常字符（汉字，或汉字和字母）的换行应该是没什么问题的,\x0d\我估计你的问题是连续的数字和英文字符不换行。\x0d\\x0d\对于div,p等块级元素：\x0d\正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行\x0d\html\x0d\正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义\x0d\css\x0d\#wrap{white-space:normal; width:200px; }\x0d\1（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行\x0d\#wrap{word-break:break-all; width:200px;}\x0d\或者\x0d\#wrap{word-wrap:break-word; width:200px;}\x0d\\x0d\2（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条\x0d\#wrap{word-break:break-all; width:200px; overflow:auto;}

原来有很多人也遇到了同样的问题：例如：aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行，将表格伸的很长很长，而汉字字符却可以自动换行。其中的原因是：英文字母之间如果没有空格，系统认为是一个单词，就不会自动换行。汉字就没有这种情况。解决办法：用表格把要显示的内容装起来。 在<table>标签中加入“style='TABLE-LAYOUT: fixed'”,在需要强制单词换行的<td>标签中加入“style='word-WRAP: break-word'”。这样就可以了。Div 中： div 实现长英文字母自动换行CSSIE浏览器 #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/12604988.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
斗轮挖掘机 斗轮挖掘机 一级用户组
0 0
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表（0条）

保存