ホームページ > ウェブフロントエンド > htmlチュートリアル > iframe ダブル スクロール バー ソリューション CSS3 overflow-yattribute_html/css_WEB-ITnose

iframe ダブル スクロール バー ソリューション CSS3 overflow-yattribute_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:54:52
オリジナル
1810 人が閲覧しました

??

div 要素内のコンテンツの左/右端をトリミングします - 要素のコンテンツ領域をオーバーフローする場合:

div{overflow-y:hidden;}
ログイン後にコピー
<!DOCTYPE html><html><head><style> div{width:110px;height:110px;border:thin solid black;overflow-x:hidden;overflow-y:hidden;}</style></head><body>
ログイン後にコピー
<div><p style="width:140px">这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p></div>
ログイン後にコピー
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p><p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
ログイン後にコピー
</body></html>
ログイン後にコピー
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート