Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css-tutorial css-php.cn

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2021-12-02 16:37:52

asal

6723 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut "overflow-x" untuk melumpuhkan bar skrol kiri dan kanan halaman Apabila nilai atribut ini "tersembunyi", anda boleh menyembunyikan kandungan elemen di luar tepi kiri dan kanan, dengan itu melumpuhkannya Paparan bar skrol di sebelah kiri dan kanan halaman;

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Kita boleh menggunakan atribut overflow-x untuk menyembunyikan kandungan yang melebihi lebar kiri dan kanan halaman Dengan cara ini, bar skrol kiri dan kanan tidak akan muncul pada halaman.

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    body{
        overflow-x:hidden;
    }
    </style>
</head>
<body>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>

Salin selepas log masuk

Jika gaya limpahan-x:hidden tidak ditambahkan pada elemen badan, hasil output adalah seperti berikut:

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Hasil output contoh di atas adalah seperti berikut:

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

(Mempelajari perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!