• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32015/02/22 22:41:59

  満足100pt

  ①一切折り返さないように（長い行のときは横スクロールするように）する
  ②上記のURLのようなやつは、単語の途中で折り返すようにする

  ①は、できます。②は、ちょっと微妙な感じ。
  
  id:doyaling さんが使っているテーマだと、PRE タグに white-space: pre-wrap というスタイルが指定されています。
  この指定が、単語の切れ目で改行を入れています。
  
  white-space: pre というスタイルを指定すると、CSS で行の折り返しをせず、表示領域を超えた場合にはスクロールバーが表示されます。
  
  単語の途中での折り返しは、word-wrap: break-word で指定します。
  ただ、この指定は「必要に応じて」ということらしく、単語の切れ目があると、そこを優先して改行をします。
  ＃ 昔の IE は、ちょっと挙動が違ったはず
  
  自分のブログでの見た目を一括で変えたいのであれば、「デザイン」の「デザインCSS」で以下のように書けば良いと思います。

  pre {
      white-space: pre;
  }
  

  
  

  記事毎に変えたいのであれば、スーパーPRE記法を、DIV などで括って、CSS を個別に設定します。

  <style>
  #div-1 pre {    /* id="div-1" の中の PRE */
      white-space: pre;
  }
  </style>
  <div id="div-1">    <!-- これで括る -->
  >|?|
  var url1 = "http://localhost/oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
  var url2 = "http://localhost/ooooooooooooooooooo/ooooooooooooooooooo/ooooooooooooooooooo/ooooooooooooooooooo/";
   ||<        ※行頭の空白は、本当は入れない
  </div>
  

  
  

  はてな記法モードだと、記事中の style の中も行単位で P でくくられちゃうので、本当はこう書きます。

  <!-- style を、一行で書く -->
  <style> #div-1 pre {    /* id="div-1" の中の PRE */ white-space: pre; } </style>
  <div id="div-1">    <!-- これで括る -->
  >|?|
  var url1 = "http://localhost/oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
  var url2 = "http://localhost/ooooooooooooooooooo/ooooooooooooooooooo/ooooooooooooooooooo/ooooooooooooooooooo/";
   ||<        ※行頭の空白は、本当は入れない
  </div>
  

  
  

  ぼくのはてなブログで試してみてるので、見た目の違いを確認してみてください。
  http://a-kuma3.hatenablog.com/entry/2015/02/22/221453

  スター

  • 

    1件のコメントを見る

  • doyaling 2015/02/28 16:13:19

    ありがとうございます．
    大変助かりました．

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2015-02-22 17:41:43

終了日時

2015-02-28 16:13:31

回答条件

1人1回まで

この質問のカテゴリ

• インターネット
• ウェブ制作

この質問に含まれるキーワード

人気の質問

• データバンクってなんですか？ とある国の調査結果を基にあらゆるデータを蓄積しているデー…匿名質問者212日前
• 私は高1です。高3の同性の先輩が大好きで憧れています。私がその先輩のことが好きなのは先輩も知っています…konpeitokun1日前
• 東京メトロ南北線で東京都心から神奈川方面に行き、相鉄線に直通したところで同じく乗り入れているJRの電車…匿名質問者1日前
• 私は高1です。高3の同性の先輩が大好きで憧れています。私がその先輩のことが好きなのは先輩も知っています…匿名質問者11日前
• 勉強中に音楽聴くのはいいんですか？悪いんですか？ 調べても、良いってゆう人とだめってゆってる人がいて…匿名質問者512日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ