?一切折り返さないように(長い行のときは横ｽｸﾛｰﾙするように)する
?上記の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