Heim > Artikel > Web-Frontend > So stellen Sie ein, dass die horizontale Bildlaufleiste von div nicht in HTML angezeigt wird

So stellen Sie ein, dass die horizontale Bildlaufleiste von div nicht in HTML angezeigt wird

WBOYOriginal: 2022-01-18 14:50:444334Durchsuche

In HTML können Sie die Attribute „style“ und „overflow-x“ verwenden, um das div so einzustellen, dass die Bildlaufleiste horizontal verschoben und nicht angezeigt wird. Wenn der Wert des Attributs auf „hidden“ gesetzt ist, wird der horizontale Bildlaufmechanismus aktiviert nicht bereitgestellt werden. Die Syntax lautet „
“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

html So stellen Sie ein, dass die horizontale Bildlaufleiste von div nicht angezeigt wird

Das Attribut overflow-x gibt an, ob der Inhalt am linken/rechten Rand abgeschnitten werden soll, wenn er über den Inhaltsbereich des Elements hinausläuft.

Die Syntax lautet:
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
Die Parameter werden wie folgt ausgedrückt:

Das Beispiel lautet wie folgt:
<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>
Wenn der Style="overflow-x:hidden;" nicht zum div hinzugefügt wird Element, das Ausgabeergebnis ist wie folgt:

Das obige Beispiel fügt diesen Stil hinzu und das Ausgabeergebnis ist wie folgt:

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein, dass die horizontale Bildlaufleiste von div nicht in HTML angezeigt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So lösen Sie das Problem mit verstümmeltem Javascript-JSONNächster Artikel：So lösen Sie das Problem mit verstümmeltem Javascript-JSON

In Verbindung stehende Artikel

Mehr sehen