在做手機端頁面時，遇到了一行字體過長導致頁面混亂，如顯示"ssssssssssssssssssssssssssssssssssssssssssss"，導致手機端網頁可以拖拽，然後顯示很多空白，頁面混亂！

解決方法如下：

<p id="intro">${course.teacher.intro!}</p>

<style type="text/css">
        #intro {  
            width: 100%;  
            height: auto;  
            word-wrap:break-word;
 
  
            word-break:break-all;  
            overflow: hidden;  
        }  
    </style>

解決手機網頁字段過長導致頁面混亂