このブログでは、設定ファイルの中身やコマンドを打ち込んだときの内容を、htmlのpreタグで囲んでいます。
しかし、私のブラウザはだいたい縦長にして見ているので、どうしても本文よりもpreタグの中身が横に大きくなります。
今までは、格好悪いな~と思いつつほっておいたのですが、cssのoverflowって言うのにscrollって指定してあげるとスクロールバーが出ることがわかりました。
(スクロールバーを出すためには、どこを越えたらoverflowするかを教えてあげないといけないので、合わせてwidthやheightを指定します)
しかし、こうすると上のようにほとんどの人のブラウザでスクロールバーが必要ないであろう状況でもスクロールバーが表示されてしまいます。特に、1行だけの内容がならぶようなときにはうざったいと思います。
そこで、overflowにはautoなんてものが指定できるようなので、喜び勇んでやってみたのですが・・・駄目です_| ̄|○
なんと、autoの場合は、スクロールバーが必要だと判断した時点で、ブロック要素の大きさはそのままでスクロールバーが表示されるのです。
1行だけしかないような状態で、横スクロールバーが出たりしたら・・・スクロールバーしか見えません!
む~、使えないの~。と言うわけでしばらくはこのまま行くのです。
設定ファイルはこんな感じそして、cssの設定で上のように見えるようにしています。
しかし、私のブラウザはだいたい縦長にして見ているので、どうしても本文よりもpreタグの中身が横に大きくなります。
今までは、格好悪いな~と思いつつほっておいたのですが、cssのoverflowって言うのにscrollって指定してあげるとスクロールバーが出ることがわかりました。
(スクロールバーを出すためには、どこを越えたらoverflowするかを教えてあげないといけないので、合わせてwidthやheightを指定します)
しかし、こうすると上のようにほとんどの人のブラウザでスクロールバーが必要ないであろう状況でもスクロールバーが表示されてしまいます。特に、1行だけの内容がならぶようなときにはうざったいと思います。
そこで、overflowにはautoなんてものが指定できるようなので、喜び勇んでやってみたのですが・・・駄目です_| ̄|○
なんと、autoの場合は、スクロールバーが必要だと判断した時点で、ブロック要素の大きさはそのままでスクロールバーが表示されるのです。
1行だけしかないような状態で、横スクロールバーが出たりしたら・・・スクロールバーしか見えません!
む~、使えないの~。と言うわけでしばらくはこのまま行くのです。
カテゴリ
MovableTypeトラックバック(0)
このブログ記事を参照しているブログ一覧: 駄目じゃんoverflow:auto
このブログ記事に対するトラックバックURL: https://www.wizard-limit.net/cgi-bin/mt/mt-tb.cgi/336
コメントする