HTML-таблица больше, чем окно браузера - PullRequest
Новая
       1

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

1 голос
/ 18 июля 2009

У меня есть что-то вроде этого: 

<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>

В основном три столбца имеют очень короткий текст, и я хочу, чтобы они были <nobr>. Другой может иметь очень длинный текст, и я хочу, чтобы он занимал все оставшееся место. Но происходит то, что таблица становится больше, чем все окно браузера, чтобы вместить большой столбец. Если текст действительно большой, он, в конце концов, сломается, но все равно немного выйдет за пределы окна.

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

Ответы [ 3 ]

3 голосов
/ 18 июля 2009

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

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

Если текст в столбце вообще не переносится, в основном вы используете &nbsp; или вы забыли закрыть <nobr> где-то.

Не уверен, поможет ли это.

1 голос
/ 19 июля 2009

Вы не должны использовать тег nobr, это , а не допустимый тег HTML. Вместо этого используйте CSS-код " white-space: nowrap ".

например. 

<td style="white-space:nowrap">your long text</td>
1 голос
/ 18 июля 2009

Я просто выбросил это в свой браузер (пробовал 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>

В противном случае вы можете попробовать трюки, такие как width: 100% или margin: 0 auto; на столе.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...