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;
Nach dem Login kopieren
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've been turning over in my mind ever since.
'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p></div>
<p>Overflow-x指定是否要剪辑的左/右边缘的内容.</p>
<p>Overflow-y指定是否要剪辑的顶部/底部边缘的内容</p>
</body>
</html>Nach dem Login kopieren
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
