twitter-bootstrapを使用していますが、このHTMLページの右端のモジュール(トレンド)部分に水平スクロールが表示され続けています。span2
からに減らすとspan1
、画像が小さくなります。画像やテキストが残りのスペースを占めるようにも見えません。水平スクロールを取り除く方法について何かアドバイスはありますか?
さらに、ウィンドウの幅を小さくすると、小さな画像のサムネイルがメインのビデオと衝突します。これも修正するにはどうすればよいですか?
このページはここにあります。
twitter-bootstrapを使用していますが、このHTMLページの右端のモジュール(トレンド)部分に水平スクロールが表示され続けています。span2
からに減らすとspan1
、画像が小さくなります。画像やテキストが残りのスペースを占めるようにも見えません。水平スクロールを取り除く方法について何かアドバイスはありますか?
さらに、ウィンドウの幅を小さくすると、小さな画像のサムネイルがメインのビデオと衝突します。これも修正するにはどうすればよいですか?
このページはここにあります。
あなたはoverflow-x
プロパティが必要になります
.my-class {
overflow-x: hidden;
}
overflow
(垂直および水平オーバーフローの場合)および(垂直オーバーフローのみの場合)もありoverflow-y
ます。
私は人々がw3schoolを好きではないことを知っていますが、ここにoverflow-xが持つことができる値がありますhttp://www.w3schools.com/cssref/css3_pr_overflow-x.asp
インラインソリューションの場合:
<span style={{
overflowX: "hidden"
}}>
hidden
、、、またはscroll
_auto
visible