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

CSS tràn-x

CSS tràn-x cho phép bạn quyết định phải làm gì với các cạnh bên trái bên phải của nội dung.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thuộc tính tràn-x

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            width: 250px;
            height: 45px;
            border: 2px solid blue;
            overflow-x: hidden;
            overflow-y: scroll;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div>Overflow property used here. This is a demo text to show the working of CSS overflow-x and overflow-y.</div>
   </body>
</html>

Đầu ra

CSS tràn-x