用户问题
HTML结构:1.只作用于英语,以字母为换行依据2 .只作用于英语,以单词为换行依据3 .只作用于中文,强制换行4 .不强制换行4 .均有作用5 .不换行,超出部分隐藏且撇号形式.
推荐答案
HTML结构:
1 .只作用于英语,以字母为换行依据
2 .只作用于英语,以单词为换行依据
3 .只作用于中文,强制换行
4 .不强制换行,均可发挥作用
5 .不换行,部分隐藏,以省略号形式出现
6 .不换行,部分隐藏,以省略号形式出现
CSS代码:
. one{ word-break:break-all; width:150px; (/)只作用于英语,以字母为换行依据) /
. two{ word-wrap:break-word; width:150px; (/) -只作用于英语,以单词为换行依据() /
. three{white-space:pre-wrap; width:150px; (/)只作用于中文,强制换行) /
. four{white-space:nowrap; width:10px; (/)无强制换行,均发挥作用) /
. five{white-space:nowrap; overflow :隐藏; 文本覆盖: ellipsis; width:100px; (/)不换行,超过一部分隐藏,以省略号的形式出现() /
1. word-break:break-all; 只作用于英语,以字母为换行的依据
2. word-wrap:break-word; 只作用于英语,以单词作为换行的依据
3.{white-space:pre-wrap; 只作用于中文,强制换行
4.{空白:nowrap; 不强制换行,一切正常
5.{空白:nowrap; overflow :隐藏; 文本覆盖: ellipsis; 不换行,部分隐藏,显示为省略号
请务必指定容器的宽度。 不那样做是没有用的,所以请注意。
请注意,word-break是IE5独有的属性
语法:
word-break :正常| break-all|keep-all
参数:
normal :允许根据亚洲和非亚洲语言的文本规则在单词中换行
break-all :此行为与亚洲语言normal相同。 也允许在非亚洲语言文本行中的任何单词内进行分隔符。 此值适用于包含非亚洲文本的亚洲文本
keep-all :与所有非亚洲语言的normal相同。 对于中文、韩语、日语,不允许断字。 适用于包含少量亚洲文本的非亚洲文本
说明:
设置或设置要搜索的文本的内联换行符的行为。 特别是出现多种语言时。
中文的情况下,应该使用break-all。
辅助的回答
用户:雄柳
2017年08月04日
实现不在标签上换行
代码是下一个:
hello世界! hello世界! 2 .使用标签
代码是下一个:
hello世界! hello世界! hello世界! hello世界! 3不强制换行
代码是下一个:
div{
white-space:nowrap;
}
4 .对于两个div,可以使用float不换行
代码是下一个:
hello世界! class1 {float:left; }
5 .在div中也不使用display换行
代码是下一个:
hello世界! class1 {display:inline; }
. class2{display:inline; }
用户:懒汉素材
2017年08月03日
不强制换行一般由CSS定义。
例如
不换行、不换行、不换行、不换行、不换行、不换行、不换行、不换行、不换行、不换行. f
{
white-space:nowrap;
}
用户:素材牛
2017年08月03日
不要换行,显示: inline-block;
用户:不哭((((((() ) ) ) ) )。
2017年08月25日
我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行我不分行