Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan bar skrol mendatar div untuk tidak dipaparkan dalam html

Bagaimana untuk menetapkan bar skrol mendatar div untuk tidak dipaparkan dalam html

WBOYasal: 2022-01-18 14:50:444426semak imbas

Dalam HTML, anda boleh menggunakan gaya dan atribut "overflow-x" untuk menetapkan div agar bergerak secara mendatar dan tidak memaparkan bar skrol Apabila nilai atribut ditetapkan kepada "tersembunyi", mendatar mekanisme penatalan tidak akan disediakan. Sintaksnya ialah: "
".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Cara untuk menetapkan bar skrol mendatar div supaya tidak dipaparkan dalam html

Atribut limpahan-x menentukan sama ada untuk memotong sebelah kiri/jika ia melimpahi kawasan kandungan kandungan jidar kanan.

Sintaksnya ialah:
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
Parameter dinyatakan seperti berikut:

Contohnya adalah seperti berikut:
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-y:hidden;
}
</style>
</head>
<body>
<div style="overflow-x:hidden;"><p style="width:140px">
In my younger and more vulnerable years my father gave me some advice that I&#39;ve been turning over in my mind ever since.
&#39;Whenever you feel like criticizing anyone,&#39; he told me, &#39;just remember that all the people in this world haven&#39;t had the advantages that you&#39;ve had.&#39; 
</p></div>
<p>Overflow-x指定是否要剪辑的左/右边缘的内容.</p>
<p>Overflow-y指定是否要剪辑的顶部/底部边缘的内容</p>
</body>
</html>
Apabila style="overflow-x:hidden;" tidak ditambahkan pada elemen div, hasil output adalah seperti berikut:

Contoh di atas menambah gaya ini , hasil output adalah seperti berikut:

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan bar skrol mendatar div untuk tidak dipaparkan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk menyelesaikan masalah javascript json yang kacauArtikel seterusnya：Bagaimana untuk menyelesaikan masalah javascript json yang kacau

Artikel berkaitan

Lihat lagi