width:300pxなど横幅を指定したブロック要素内に「aaaaaaaaaaaaaa」など半角英数字を長く入力して指定した横幅より長くなると、文字がみ出してしまいます。

これを回避する方法はありますか?
ただし、word-wrap、wrod-break以外の方法でお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/01/27 19:17:51
  • 終了:--

回答(4件)

id:ngc02 No.1

ngc02回答回数108ベストアンサー獲得回数22006/01/27 20:16:30

ポイント25pt

ご希望に添えるような方法ではないと思いますが

この方法しかありません


overflowを設定すると、スクロールバーが表示されたり表示しなくなったりします。

http://www.htmq.com/style/overflow.shtml

overflow−スタイルシートリファレンス

id:domu

なるほど、そういう回避策もありますね。ありがとうございます。

2006/01/28 00:22:37
id:satanii No.2

satanii回答回数61ベストアンサー獲得回数32006/01/27 21:38:37

ポイント25pt

http://d.hatena.ne.jp/

はてなダイアリー - キーワードでつながる多機能ブログ

overflowプロパティを指定することで可能です。


はみ出した部分を非表示にする場合のキーワードはhidden、スクロールバーをいつもつける場合にはscroll、はみ出したときにスクロールバーをつける場合にはautoを指定してやります。


例;

<div style=”OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 50px”>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>


ブラウザーによって見え方が違う可能性もあるので環境を変えてチェックしてみて下さい。ちなみに私の環境ではheightを指定しないと表示が乱れる場合がありました。

id:domu

上の回答と同じですね。やはりそういう回避策しかないですかね。

ありがとうございます。

2006/01/28 00:23:37
id:satanii No.3

satanii回答回数61ベストアンサー獲得回数32006/01/28 03:06:17

ポイント25pt

別の方法を考えてみましたがいかがでしょうか。


(例)

<table height=”50” width=”200” style=”TABLE-LAYOUT: fixed”><tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr></table>

id:domu

tableレイアウトですか。最終手段なきがします。ありがとうございます。

2006/01/28 11:34:03
id:tenman No.4

tenman回答回数13ベストアンサー獲得回数02006/01/28 09:24:54

ポイント25pt

web標準でなくてもよければ、以下の挙動を確認して見てください。


IEでは動作します。 ファイヤフォックス動作しません


<nobr>

<wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr><wbr>b</wbr>

</nobr>


<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>

id:domu

なるほどー。激しいやり方ですね。IEだけだとword-wrapでよいきがします。

2006/01/28 11:34:54

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません