人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【HTML or CSS or PHP】

フォームから値を受け取るとき、
アルファベットのとぎれのない文字列
例えば、(AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
を入力されてしまったとき、
CSSでword-break: break-all;
しないとレイアウトが崩れてしまいます。

しかも、word-break: break-all;はIEのみでFFやOPERAなど他のブラウザだと、
やっぱり崩れてしまいます。

HTML or CSS or PHPを駆使して、簡単にこのいたずらを回避する方法があれば、ご教授ください。

※ちなみに、自分で、PHPで任意の文字数毎に改行させるスクリプトを書いてみましたが、
これだと、ユーザー側でブラウザの表示サイズを変えたい時には、
固定にするほかありません。(可変だと、任意の文字数が指定できないので。)

●質問者: PEPOTA
●カテゴリ:インターネット ウェブ制作
✍キーワード:ALL CSS ff HTML IE
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● satanii
●27ポイント

http://q.hatena.ne.jp/1138357071

固定長にしてはダメなんでしょうか。2.と3.に例を示しておきましたのでご覧になって下さい。

◎質問者からの返答

tableもOVERFLOWもちょっと違う感じです。

ありがとうございます。


2 ● Sampo
●27ポイント

http://yoosee.net/d/archives/2005/01/04/002.html

10文字に一回ぐらいWBRタグを挿入するのがいいんじゃないでしょうか。

漢字コードの中やタグの中に割り込まないようにケアする必要がありますが。

◎質問者からの返答

ふむむ。

w3c的には、アレですが、

解決方法のひとつですよね。

ありがとうございます。


3 ● chankaz
●26ポイント

http://jp2.php.net/manual/ja/function.wordwrap.php

入力値はそのままログに保存するとして、

表示の際に

if (preg_match('/^[-_.!~\^\*\'()a-zA-Z0-9;\/?:\@&=+\$\[\],%#]+$/', $string) && strlen($string) > 20) {
$string = wordwrap($string, 20, "\n" ,1);
}
echo $string;

でいかがでしょうか。

上記の場合は、$string がタグや日本語を含まず、20字以上の文字列の場合のみ、20字ごとに \n が挿入されるので、表示幅に応じて改行されます。

◎質問者からの返答

ありがとうございます。

質問文にも書いたのですが、こんな感じの事は試してみました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ