テキストの自動改行の方法
-
0 名前： miki ： 2007/01/10（水） 16:03 ID:3E0G7ltt
- スタイルシート初心者のものです。
ボックスの中に、テキストを入力するとボックスの横幅が広がってしまいます。
この中にテキストが入力して自動改行させるにはどうすれば良いのでしょうか？
詳しい方教えてください。
{
height: 200px;
width: 150px;
background: #FFFFFF url(images/info1.gif) no-repeat center top;
padding: 0px 0px 5px;
border: 2px none #000000;
}
-
1 名前： Newのり太 ： 2007/01/10（水） 16:03 ID:biAW5S.D
- 全角文字であれば、幅150pxの範囲で折り返されると思います。
連続する半角英数文字は、ひとつの単語として扱われ、
スペース等、区切りのある部分まで折り返されない場合が多いです。
ブラウザによって、幅が伸びたり、突き抜けたりします。
改行の仕方を制御するスタイルシートのプロパティもありますが、
IE独自拡張だったりします。
検索しても、皆さん、いろいろ悩まれているようです。
http://www.google.com/search?num=50&hl=ja&q=%E6%8A%98%E3%82%8A%E8%BF%94%E3%81%97+%E9%80%A3%E7%B6%9A+%E5%8D%8A%E8%A7%92%E8%8B%B1%E6%95%B0&lr=lang_ja
一番確実なのは、あまり長い「連続する半角英数」を入れないことでしょうか。
-
2 名前： Newのり太 ： 2007/01/10（水） 16:03 ID:biAW5S.D
- > 全角文字であれば、幅150pxの範囲で折り返されると思います。
全角でも、連続する英字（だったか？）は折り返されないブラウザもあるといったような
記事を見たことあったような、なかったような。。
# 連投すいません。
-
3 名前： miki ： 2007/01/10（水） 16:03 ID:DdOsnsRI
- Newのり太さん
親切にアドバイスありがとうございました。(#^.^#)
