HTML では、style 属性と「overflow-x」属性を使用して、div を水平方向に移動し、スクロール バーを表示しないように設定できます。属性の値が「hidden」に設定されている場合、水平方向のスクロール機構は提供されません。構文は「
」です。
このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。
htmldiv 水平スクロール バーを表示しないように設定する方法
overflow-x 属性は、左側をクリップするかどうか/オーバーフローする場合に指定します。要素のコンテンツ領域の右マージンコンテンツ。
構文は次のとおりです:
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
パラメータは次のように表現されます:
例は次のとおりです:
<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>の場合 div 要素に style="overflow-x:hidden;" が追加されていない場合、出力結果は次のようになります。
# #上記の例ではこのスタイルを追加し、出力結果は次のようになります。
推奨チュートリアル: "
html ビデオ チュートリアル "
