Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để cho phép ngắt các từ dài và không thể ngắt được và chuyển sang dòng tiếp theo trong JavaScript?

Sử dụng wordWrap thuộc tính trong JavaScript để cho phép ngắt các từ dài và chuyển sang dòng tiếp theo.

Ví dụ

Bạn có thể thử chạy phần sau để tìm hiểu cách làm việc với wordWrap tài sản - 

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 150px;
            height: 150px;
            background-color: lightblue;
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <button onclick = "display()">Set</button>

      <div id = "box">
         ThisisDemoText.ThisisDemoText.ThisisDemoText.ThisisDemoText.Thisis DemoText.ThisisDemoText.
      </div>

      <script>
         function display() {
            document.getElementById("box").style.wordWrap = "break-word";
         }
      </script>
   </body>
</html>