ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

括弧で自動改行

日時: 2008/07/18 15:47
識別: IDUiZMeURO6j6
名前: めそ

はじめまして

テーブル内にテキストを表示する際に()を使うと自動的に改行されてしまう様なのですが、()を使った上で改行しないようにする方法はありませんか?

<td width="280" >XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX</td>

だとするとブラウザ上では
XXXXXXXXXXXXXXXX ( 40)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
XXXXXXXXXXXXXXXX
と表示されてしまうようです

これを
XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
のように幅で自動改行させるにはどうすればいいのでしょうか


Re: 括弧で自動改行 ( No.1 )
日時: 2008/07/18 16:29
名前: nn

>>0
> はじめまして
>
> テーブル内にテキストを表示する際に()を使うと自動的に改行されてしまう様なのですが、()を使った上で改行しないようにする方法はありませんか?
>
> <td width="280" >XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX</td>
>
> だとするとブラウザ上では
> XXXXXXXXXXXXXXXX ( 40)
> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ( 40)
> XXXXXXXXXXXXXXXX
> と表示されてしまうようです

()を使ったら必ず自動的に改行されるとは限らないと思います。

半角英字の連続がひとつの単語とみなされ、
どうにかしてそれを同じ行に収めようとして
キリのいいところで改行されているのだと思います。


> これを
> XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
> XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
> XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
> XXXXXXXXXXXXXXXX ( 40) XXXXXXXXXXXXXXXX
> のように幅で自動改行させるにはどうすればいいのでしょうか

半角ではなく全角なら幅いっぱいで折り返されると思います。

とりあえずこうゆうのもある。
https://www.tagindex.com/stylesheet/text_font/word_wrap.html
IE以外ではどうだったか不明。
Re: 括弧で自動改行 ( No.2 )
日時: 2008/07/18 17:28
名前: めそ

>>1
早速の回答ありがとうございます。

>半角英字の連続がひとつの単語とみなされ、
>どうにかしてそれを同じ行に収めようとして
>キリのいいところで改行されているのだと思います。

成る程、()で改行ということではなく、単語単位で改行させているのですね
()ばかりに囚われていて他のケースも試してみるべきでした^^;

今回はやはり半角括弧で実装させたいので、word-rapを参考にさせて頂きました。

実際には
/* 単語区切りでの改行を阻止*/
.break-all{
word-break:break-all;
}
で実現することが出来ました。
迅速な対応ありがとうございました。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved