IE的兼容性和非兼容性关于全角数字的区别。

zjx333 发布于 2015-10-16 13:46， 2681 次点击

IE的非兼容性“white-space: normal”属性对于全角数字不换行。
IE的兼容性“white-space: normal”属性对于全角数字换行。
跪求原因，如果想要在IE的兼容性下对于全角数字换行，该怎么整。
测试代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
p.test
{
width:1px;
white-space: normal;
}
</style>
</head>
<body>

<p class="test">
<span>３１asd２４</span>
</p>

</body>
</html>

我想要这样的输出效果

３
１
asd
２
４

应该怎么办，跪求大神。。。。

4 回复

深秋20152015-10-16 13:47

试试这个吧

word-break:break-all

zjx3332015-10-16 13:51

回复 2楼深秋2015

不好用。。
我想要的是
３
１
asd
２
４
这样的效果，对于全角数字换行，对于类似于“asd”长单词不换行。
另外，头像不错呀~哈哈哈~

深秋20152015-10-16 13:59

需求有些特别啊，为什么非要通过css换行呢，可以通过javascript分析前端内容“３１asd２４”，根据空格分开，每个元素给用div包装成：
<div>3</div>
<div>1</div>
<div>asd</div>
<div>4</div>
各个div是自占一行的

zjx3332015-10-16 14:33

回复 4楼深秋2015

哎~就是啊~要求特别啊~这个只是个例子，如果不同过属性去控制的话，就得写方法去转换了，像你说的加<div>或者是<span>,但是需要根据前面的宽度的像素去判断，每行的字符个数，全角半角之类的，还需要长单词无论宽度像素是多少都不能折行，所以换行的位置不好掌握啊。