用CSS或者JS,来定位字符换行?拜托各位了 3Q

html-css018

用CSS或者JS,来定位字符换行?拜托各位了 3Q,第1张

#str{word-wrap:break-wordword-break:break-allwidth:你自己的宽度} 西欧语系会+了会自动换行,不过会打破单词的拼写。目前这条cssie认得,ff不认。

你这个问题可以解决,但不这么做。一段话就只有一句话嘛,一般都不是吧。加p代表它是一个段落。你用css控制就是要让网页文档规范化,你这样做反而不规范了。你可以先将文本内容进行排版,再在文本编辑框中适当的调整个别的显示样式

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <script type="text/javascript">

        window.onload = function(){

            var s ="<html>\n"

                    +"<body>\n"

                    +"                           \n"

                    +"<div>\n"

                    +"123\n"

                    +"                             \n"

                    +"</div>\n"

                    +"                        \n"

                    +"</body>\n"

                    +"                      \n"

                    +"</html>"

          var str =  s.replace(/(\s+\n+|\n+|\s+|\n+\s+)/g,"")

            console.log(str)

          var str = str.replace(/></g,">\n<")

            console.log(str)

          var str = str.replace(/>\S+</g,function(world){

              return ">\n"+world.substring(1,world.length-1)+"\n<"

          })

            console.log(str)

            document.getElementById("msg").innerText = str

        }

    </script>

    <style type="text/css">

        .msg{

            width: 100%

            height: 60px

            color:#FBBDEE

        }

    </style>

</head>

<body>

<div id="msg" class="msg"></div>

</body>

</html>

不知道适不适合你的要求。个人觉得是可以满足的。