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

Làm cách nào để đặt chiều rộng tối đa của một phần tử bằng JavaScript?


Sử dụng maxWidth trong JavaScript để đặt chiều rộng tối đa.

Ví dụ

Bạn có thể thử chạy mã sau để đặt chiều rộng tối đa của phần tử bằng JavaScript -

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to set Maximum width.</p>
      <button type="button" onclick="display()">Max Width</button>
      <div id="box">
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div.</p>
      </div>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.maxWidth = "80px";
         }
      </script>
   </body>
</html>