• ベストアンサー

[CSS] brockquote内で折り返し

blockquoteタグ内の英文の文章(プログラミングのコードなど)が、一行内で長いと右端が切れたりして上手く表示してくれません。日本語の文章は綺麗に表示してくれます。 overflowをautoなどにすると、スクロールバーを付けてくれてすべて表示してくれるのですが、サイトのデザイン的にインラインフレームのような表示は避けたいのです。 そこで、長い行は上手く折り返して表示してくれる方法はないかと探しています。もしご存知の方おられましたらよろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • 3o-clock
  • ベストアンサー率33% (233/689)
回答No.1
jyuu
質問者

お礼

ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HTML超初心者です。CSSでOverflowをautoにして ifr

    HTML超初心者です。CSSでOverflowをautoにして iframeのようにスクロール出来るようにしているのですが、スクロールバーのある右端ギリギリまで文字がいってるので、スクロールバーの左に文字との余白を作りたいです。出来なくて困っています。 余白をつくることは可能でしょうか、アドバイスをお願い致します。

    • ベストアンサー
    • HTML
  • CSSでの擬似フレームでのフレームのスクロールバーのサイズについて

    CSSで擬似フレームとしてoverflowのautoなどを使う方法がありますが、 そこで出来たフレームの枠にスクロールバーがあり、このスクロールバーのサイズをウインドウサイズの大小に合わせて可変させる事はできるものなのでしょうか? 通常のiframeを使用したインラインフレームであれば、ウインドウサイズを大きくしたり小さくしたりするとそれに合わせてスクロールバーの大きさも変わるのですが、CSSでの擬似フレームの場合、それが出来るのかどうか知りたいです。 分かる方、いらっしゃいましたらお願いいたします!

  • CSSでスクロールバー

    CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか?右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか??

    • ベストアンサー
    • HTML
  • インラインフレームの横スクロールバーを消すには?

    インラインフレームを使用したHPから、FC2ブログを呼び出そうとしています。 すると、必ず横スクロールバーが表示されます。 この横スクロールバーを消したい場合には、どのようにすれば良いでしょう。 ちなみにこのページになります。 http://ee.uuhp.com/~macyako/ ブログのbodyタグに以下を追加しましたが、無理でした。 body { overflow-x: hidden; } あと、インラインフレームの幅を広げてみたりしたのですが無理でした。 ソースが間違ったりしていますか?

  • 【CSS】IEでのoverflow使用時のスクロールバー

    overflow:auto;で疑似フレームを使用しています。 IEのみでスクロールバーが表示はされるのですが、 固定されてしまっていてスクロールが出来ません。 ここ数時間webで調べていたのですが、解決方法が分かりません。 解決方法はあるのでしょうか。

    • ベストアンサー
    • HTML
  • テーブルスクロール firefox opera等

    私のサイトでは、テーブルにスクロールバーを表示している部分があるんですが、 firefoxやoperaなどのブラウザではスクロールバーが非表示になり、テーブル内が縦長に表示されてしまうようです。 firefox、opera、その他のブラウザで表示できるテーブル内のスクロールバーのタグ、教えてくださいっ。 すべてのブラウザに適応したタグがなければ、firefoxで表示したときのタグ、operaで表示したときのタグなどを、分け、 そのブラウザによって、表示するタグを変えるというのは、できませんでしょうか? 教えてください。 ↓現在使用しているタグです <span style="width:100%;height:72;overflow:auto;border:3px solid #eeeeee;">

  • Dreamweaverでoverflow画像の位置

    DreamweacerCS3です。 表示フレーム幅(1000px)よりも長い画像(2050px)をcssにてoverflow: auto に設定して、はみ出ることなく収めています。 水平スクロールバーをスライドすれば画像を全幅にわたって動かすことができています。 ページを開いたときは常にこの画像はスクロールバーが左端に寄った状態になっていますが、常時見るのは反対の右側なのでスクロールバーを右端に初期設定したいのですが方法がわかりません。ご伝授ください。  cssのプロパティを見ると100くらいのパラメータがあり、それらしきもの(float)を変えてみるのですが思うようになりません。 現在設定しているのはビューウィンドウのサイズ:(1000px, 410px)、overflow:autoのみです。

  • はじめまして。

    はじめまして。 overflow:auto;で表示されたスクロールバーを常に一番下に固定する事は可能でしょうか? デフォルトでは -------------------------                  |■|                  |  |                  |  | ------------------------- となってしまいますがこれを。 -------------------------                  |  |                  |  |                  |■| ------------------------- このように常に下に合わせた状態にしたいのです。 overflow:auto;にしている理由は中身が開閉式のパネルの為で、 パネルを開いた状態など、ある一定の高さを超えるとスクロールバーが表示されます。 わかり辛いかもしれませんが、よろしくお願いします。

  • CSS)overflow,スクロールについて

    独学でホームページをツクッテいる者です。 overflow:scroll;をするとIE以外でうまく表示できません。 Firefoxなどでは、BOXの中の文字がスクロールバーごとBOXの外(右側)に大きくずれてしまいます。 IEですと、きちんとBOXの中に文字も収まり、スクロールバーも表示されます。 ためしにoverflow:scroll;をCSSから消して更新すると、文字はBOXの中に収まります。 FirefoxでもBox内がずれずにスクロールされる方法はないでしょうか?

    • ベストアンサー
    • CSS
  • タスクバーを広げてもが一行しか出ない

    何かの拍子にタスクバーを広げてもが一行しか出ないようになってしまいまいました。更に右端にスクロールバーが出ているようです。これまではタスクバーを広げると自動的にアイコンの数に応じて2行になったり3行になったりしていましたが,元に戻りません。OSはWindows7です。