如何判断span里面的内容是否换行？

在网页中会显示成
te
xt
问题不是指网页源文件，是指在浏览器显示中

解决方案 »

  1.   

    什么意思？
    <span id = "span1">te
    xt</span>显示的时候也是text吧，如果你想判断的话可以用outerHTML
      

  2.   

    <span id="span1" onclick=javascript:alert(this.outerHTML)>te
    xt</span>好像换行被转换成空格了。
      

  3.   

    <span id = "span1">text</span> <input type="button" value="test1" onclick="alert(span1.offsetHeight)"><br>
    <span id = "span2">te<br>xt</span> <input type="button" value="test2" onclick="alert(span2.offsetHeight)"><br>可以由offsetHeight属性判断
      

  4.   

    To:HStone(石头) 
    原始的offsetHeight值是未知的
      

  5.   

    问题描述：Windows技术开发工程师(若干) (注：最新招聘职位下面的第一行)这里的文本内容换行了，已知包含此文本的对象ID，在这种情况下如果判断文本已经换行？
      

  6.   

    <span id = "span1" style="width:100">
    高级网页制作初级编程(1)<br>
    J2EE系统架构分析师(1)<br>
    电子杂志FLASH设计(1)<br>
    数据库开发工程师(5)<br>
    赴日本高级java软件工程师（SE，PG，）(10)<br>
    高级系统架构师(1)<br>
    .NET工程师(2)<br>
    后台开发工程师(3)<br>
    赴日软件工程师(5)<br>
    </span>
    <br>
    <input type="button" value="test1" onclick="alert('文本行数：' + span1.innerText.split('\n').length + ', 显示行数：' + (span1.offsetHeight / 18))"><br>先用span1.innerText.split('\n').length得到文本的行数
    再用span1.offsetHeight计算大致的显示行数
      

  7.   

    alert(/\x32/.test(spanObject.innerText));
    包含回车符返回true，反之返回false
      

  8.   

    To:xuStanly(黑金)<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>t</title>
    </head>
    <body>
    <span id="spanObject">中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国</span>
    <script type="text/javascript"> 
    alert(/\x32/.test(spanObject.innerText));
    //包含回车符返回true，反之返回false
    </script>
    </body>
    </html>有的时候不包含回车，是ie自己折的行
      

  9.   

    To:HStone(石头)<html>
    <head>
    <title>t</title>
    </head>
    <body>
    <span id = "span1" style="width:30">
    高级网页制作初级编程(1)
    </span>
    <input type="button" value="test1" onclick="alert(span1.innerText.split('\n').length)" />
    </body>
    </html>这样还是显示1
      

  10.   

    因为现在实际情况下span中的文本是一个词，也就是说长度一般也是2，但有时在些特定情况下，由于ie的自动换行会将词分开，在这种情况如何判断被分开？
    这里的换行是没有\n这个字符的
      

  11.   

    <html>
    <head>
    <title>t</title>
    </head>
    <body>
    <span id = "span1" style="width:30">
    高级网页制作初级编程(1)
    </span>
    <input type="button" value="test1" onclick="alert(span1.innerText.split('\n').length)" />
    <input type="button" value="test2" onclick="alert(span1.offsetHeight / 18)" />
    </body>
    </html>span1.innerText.split('\n').length==1
    span1.offsetHeight / 18 ==11span1.innerText.split('\n').length是文本物理的行数
    span1.offsetHeight / 18 是实际显示的行数(因为css不同, 18这个数据可能需要调整)当span1.offsetHeight / 18 > span1.innerText.split('\n').length时说明文显示时出现了换行
      

  12.   

    要不你加上<Nobr></nobr>算了
    <span id="spanObject"><Nobr>中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国</nobr></span>