まず、動くけど無駄な間違いあり!!!
<pre style="height: 300px;width: 300px;background: #00aa00;"><a style="overflow: visible; color:#ff00aa;zoom: 1;white-space:normal;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
">123aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
</pre>
うーん。。。。
これ間違ってました!!!!!!!!!!!!!!
a にハックかける必要ないんじゃないか?ってこと。
入れ物にハックして、アンカーを改行するんじゃないか?
pre タグの機能は、css の
white-space: pre;
と同等だとか言う話だが、それで動かなかった・・・・
うーん・・・・
まぁいいや、時間がないので次回実験だ(ぁ
って、次回の前に気になったので変えてみた・・・・
<div style="height: 300px;width: 300px;background: #00aa00;float: left;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */"><a>123aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
</div>
これ動く!
Firefox で有効なのを見たら
white-space: pre-wrap;
word-wrap: break-word;
だけだった
<div style="height: 300px;width: 300px;background: #00aa00;float: left;
white-space: pre-wrap;
word-wrap: break-word;">
<a>456aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
</div>
div をpre にして・・・・も意味あるのかな?
これで動かないbrowserのためのハックなんだろうか?
ネットから拾ったハックの部分、謎過ぎる
追伸:
結局これを使う様になった・・・
.pre-hack-on-anchor{
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-break: break-all;
/word-wrap: break-word; /* IE 5+ */
}
word-break: break-all; がスマホとかで使うみたい、
IE はIE だけ解釈できた /を入れているが、
多分もうIE用の word-wrap: break-word; は入れなくても
どちらでもいい^^;
お粗末なブログでした<_ _>
コメント一覧