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>. У другого может быть очень длинный текст, и я хочу, чтобы он взял все оставшееся пространство. Но происходит то, что таблица становится больше, чем все окно браузера, чтобы разместить большой столбец. Если текст действительно большой, он в конечном итоге сломается, но он все равно немного за пределами окна.

Я пробовал установить ширину, максимальную ширину, но не повезло. Что я делаю не так?

источник

2009-07-18 ibz

Можете ли вы представить пример реального мира? – janhartmann

В каком браузере вы видите проблему? – random

@Random Echo Firefox. @meep Это точно мой пример. – ibz

Ваш пример определенно ведет себя хорошо, как говорит Зифракс.

Проблема, о которой вы сообщаете, может произойти только в том случае, если в длинном столбце есть очень большое слово или содержимое не имеет пробелов. Это так? Может быть, вы используете   вместо пробелов, и это предотвращает обычный перенос, который браузеры делают автоматически.

Если текст в колонке не обертывается вообще, в основном вы используете   или вы забыли закрыть <nobr>.

Не уверен, что это помогает.

источник

2009-07-18 11:17:57

Вы правы. В одном из моих строк было огромное «слово» (без пробелов). Я этого не видел, так как он был далеко внизу в моем столе. Благодаря! – 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».

например.

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

источник

2009-07-19 14:27:57

HTML таблица больше, чем окно браузера

ответ

Смежные вопросы