HTMLテーブルには、ブラウザのウィンドウ

よりも大きい、私はこのようなものがあります。基本的にはHTMLテーブルには、ブラウザのウィンドウ

<table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    ... more rows to come 
</table>

の列の3非常に短いテキストを持っている、と私は彼らが<nobr>になりたいです。もう1つは非常に長いテキストを持つことができ、残りのすべてのスペースを取るようにします。しかし、何が起こるかは、テーブルが大きな列に対応するためにブラウザウィンドウ全体よりも大きくなることです。テキストがの場合、実際にはと大きくなりますが、最終的には破損しますが、まだウィンドウの外側にはかなりのビットがあります。

私は幅、最大幅を設定しようとしましたが、運はありませんでした。私は間違って何をしていますか？

出典

2009-07-18 ibz

現実世界の例はありますか？ – janhartmann

どのブラウザで問題が発生していますか？ – random

@Random Echo Firefox。 @meepこれはまさに私の例です。 – ibz

あなたの例は間違いなくZyphraxと同じように動作します。

報告されている問題は、長い列に非常に大きな単語が含まれているか、内容に空白がない場合にのみ発生します。それは事実ですか？スペースの代わりに を使用している可能性があり、ブラウザが自動的に行う通常のラップを防止している可能性があります。

列のテキストがまったく折り返していない場合は、ほとんどが を使用しているか、<nobr>をどこかに閉じ込めていないことを忘れています。

これが役立つかどうかはわかりません。

出典

2009-07-18 11:17:57

あなたはそうです。私の行の1つに巨大な「単語」（スペースなし）がありました。私はそれを見たことがなかった。ありがとう！ – ibz

私はこれを私のブラウザに投げただけです（IE8とFirefoxの両方を試しました）。

<html> 
<body> 
    <table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows.</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    </table> 
</body> 
</html>

は、そうでない場合はあなたのようなトリックをしようとする場合があります幅：これは、ブラウザのウィンドウ内に十分にとどまった100％かマージン：0自動;テーブル上の。

出典

2009-07-18 10:59:15 Zyphrax

nobrタグを使用しないでください。ではなく、有効なHTMLタグであるです。代わりに「white-space: nowrap」のCSSを使用してください。

例えば、

<td style="white-space:nowrap">your long text</td>

出典

2009-07-19 14:27:57

HTMLテーブルには、ブラウザのウィンドウ

答えて

関連する問題