Вопросы Теги

Ширина HTML-таблицы в IE?

Я использую таблицу для отображения ряда данных, мой HTML-код идет сюда...

<table border="1" cellspacing="0" cellpadding="0" style="width: 780px;">
  <tbody>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
  </tbody>
</table>

эта таблица работает хорошо в Firefox, сафари и IE8. Но проблема возникает в IE7, IE6.. когда таблица расширяется и выходит из экрана (т.е. расширяется к правой стороне в оси X).... там какой-либо взлом для фиксации его?

снимки экрана IE6 в IETester:

enter image description here

8
задан Kara 4 March 2014 в 00:29
поделиться

4 ответа

Проблема решена, так как я использовал код 

<table border="1" cellspacing="0" cellpadding="0" width="780" style="table-layout:fixed">
<col width="780">
<tbody>
<tr>
  <td style="width: 780px; height: 25px; overflow:hidden;">
    <pre width='100' style='width: 780px; word-wrap: break-word;'>
        the data goes here.....
    </pre>            
  </td>
</tr>
<tr>
  <td style="width: 780px; height: 25px; overflow:hidden;">
    <pre width='100' style='width: 780px; word-wrap: break-word;'>
        the data goes here.....
    </pre>            
  </td>
</tr>
</tbody>
</table>

в приведенном выше коде, есть три изменения ...

  1. в теге таблицы установлен атрибут ширины (вместо его установки в атрибуте стиля)
  2. тег col имеет такую ​​же ширину, как и ширина таблицы
  3. , а в стиле TD для переполнения установлено значение hidden (overflow: hidden).

Я получил эту информацию по приведенной ниже ссылке, пожалуйста, все зацените ... " http://www.tek-tips.com/faqs.cfm?fid=4499 " и, следовательно, моя проблема была решена.

2
ответ дан 5 December 2019 в 07:10
поделиться

Вы также можете попробовать стиль word-break: break-all;

2
ответ дан 5 December 2019 в 07:10
поделиться

Я только что протестировал ваш HTML-код, и он выглядел идентично в IE6, IE8 (режим совместимости) и IE8 (нормальный режим), а также в Firefox.

Что-то еще на вашей веб-странице должно влиять на макет, поэтому, пожалуйста, опубликуйте полный пример.

Это полный пример, который я тестировал. 

<html>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" style="width: 780px;">
          <tbody>
            <tr>
              <td style="width: 780px; height: 25px;">
                <pre width='100' style='width: 780px; word-wrap: break-word;'>
                    the data goes here.....
                </pre>            
              </td>
            </tr>
            <tr>
              <td style="width: 780px; height: 25px;">
                <pre width='100' style='width: 780px; word-wrap: break-word;'>
                    the data goes here.....
                </pre>            
              </td>
            </tr>
          </tbody>
        </table>
    </body>
</html>
0
ответ дан 5 December 2019 в 07:10
поделиться

Попробуйте 

<table border="1" cellspacing="0" cellpadding="0" width="780">
0
ответ дан 5 December 2019 в 07:10
поделиться