DIV要素を超えてテキストを隠す

HTMLパーサーが自動的に複数の行に分割するためのスペースを持たないテキストを持つ固定幅のDIV要素があります。テキストはDIVの限界を越えて、Pgaeを混乱させています：DIV要素を超えてテキストを隠す

よろしく、
Rafid

2010-12-11 Rafid

あなたはCSSでこれを行うことができます。

境界を超えてテキストが見えなくなるようにするにはどうしますか？

#yourDivId { 
    overflow: hidden; 
}

は複数行に

うん、それを破ることが可能です：word-wrap

#yourDivId { 
    word-wrap: break-word; 
}

2010-12-11 11:28:55

すべてのブラウザでワードラップがサポートされているかわかりません。 –

@Andrew Cooper：https://developer.mozilla.org/En/CSS/Word-wrap#Browser_compatibility –

を参照してください。@ryanli：私は訂正します。ありがとう。 –

あなたはCSSを使用することができます：

div { 
    overflow: hidden; 
}

または：より多くの場合

overflow: auto;

に：あなたがしたい場合は、代わりに

overflow: hidden;

2010-12-11 11:29:01

リンクが壊れています – Djeroen

あなたの最初の質問への答えは次のスタイルを使用することですあなたが行うことができるコンテンツを見るためにdivでスクロールすることができる

overflow: auto;

または

overflow: scroll;

あなたは、いくつかのJavaScriptを必要とするだろう、あなたの2つ目の質問に尋ねる何をすべきか。

2010-12-11 11:34:31

はい、私はJavaScriptで大丈夫ですが、テキストが境界を越えてどのレターで始まるかをどのように知ることができますか？あなたは知っている、私はフォントの幅を固定するためにCourierフォントを使用していない（私はこれらの値をとにかくハードコードしたくないが）。何か案が？ – Rafid

いいえ、私はそれを自分で遊ばなければならないでしょう。これが既にJQueryプラグインで利用可能な場合は私には驚かないでしょう。 –

答えて