CSSについての質問です。

ボックスからはみ出るものを制御するのに
通常はoverflowを使用すると思うのですが
希望するような動作ができません。

やりたい内容は
横幅を固定し、はみ出した内容に応じて
ボックスの縦長が伸びるというものです。

たとえば1000文字の改行なしというデータがあったとしても
幅は変えずに縦にぐいっと伸びていくようなものです。

これをCSSで実現できないでしょうか。
無理であれば代替方法を教えてください。

30pt

【前提：連続する半角英数字が改行されない】--------------------------

通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、

折り返さない場合が多いです。

つまり、1の方が言っている

>"aaaaaaaaaaaaaaaaaaaaaaaaa"はコンピュータからみれば一つの単語で、途中に改行が入ることが許されません。

ということです。

参考資料：

・半角文字列の折り返し（ブラウザ毎の比較があります）

http://pinotan.blog15.fc2.com/file/word-break.html

【通常の対処方法】-------------------------------------------------

1. htmlタグbrで強制改行。

2. はみ出し部分をCSS（overflow:hidden)で切り落とす。（IE6は親ボックスの幅が広がるバグがあるので、widthで直接的に幅を指定しないと効かない)

3. CSSにword-break:break-allを指定し、IEだけ右端で改行。（ボックス幅の広がりを防げるが、単語区切りにならず英数字が読み辛い)

4. CSSにword-break:keep-allを指定し、IEだけ右端で改行。（単語区切りのみで改行。区切りが無いと全角でも改行されない)

5. 区切り記号を全角にする。（稀に折り返さないケースもある)

6. 半角記号を空白(スペース)で挟む。

7. 単語の区切りなどに<wbr>(<wbr />)を入れる。

参考資料：

7以外は以下の引用です

http://pinotan.blog15.fc2.com/blog-entry-106.html

Firefoxの場合、折り返すようにする拡張機能（url_breaker、url_breker_plusもしくはGreaseMonkeyを使う方法）があります

ただ、この場合、ユーザーにインストールしてもらわないといけないので、

入れていない人にも効かせて欲しい場合は、これをjs化することで対応できます。

参考資料：

Firefox・Netscapeで連続した半角文字を折り返す

http://www.koikikukan.com/archives/2005/08/04-235647.php

【ということで、今回の場合は】-------------------------------------------------

・CSSにword-break:break-allを指定し、IEだけ右端で改行。

・NetscapeやFirefoxのために、jsファイルで<wbr> を挿入する

この２つを併用すればいかがでしょうか？

<wbr>もしくは半角空白を一定挿入するphpスクリプトを書いてもよいかと思います。