На главную
ПРАВИЛА FAQ Помощь Участники Календарь Избранное DigiMania RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> scrollbar в pre
    Допустим, есть вот такая красота:
    ExpandedWrap disabled
      <!DOCTYPE html>
      <html>
      <head>
          <meta http-equiv="content-type" content="text/html; charset=utf-8" />
          <title>HTML</title>
      </head>
       
      <body>
          <table style="width:100%; border-style:solid;"><tr><td>
              Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!
              </td></tr></table><br>
          <table style="width:100%; border-style:solid;"><tr><td>
              <pre>Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!</pre>
              </td></tr>
          </table>
      </body>
      </html>

    Ширина первой таблицы = ширине внутренней части браузера. Текст в ней "заворачивается" на новую строку.
    Вторая же таблица вылезает за пределы, поскольку там <pre>. Текст не заворачивается (да и не надо).
    Как сделать (с помощью CSS(?)), чтобы вторая таблица была такой же ширины, как и первая, но там появился скролл-бар?
    Tell me would you kill to save a life?
    Tell me would you kill to prove you're right?
    Crash, crash, burn, let it all burn
    This hurricane's chasing us all underground...
      ExpandedWrap disabled
        <style>
        table { table-layout: fixed; }
        table pre { overflow: auto; }
        </style>
      ?

      А вообще - почему таблица, а не div?
      1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)
      0 пользователей:


      Рейтинг@Mail.ru
      [ Script Execution time: 0,0665 ]   [ 14 queries used ]   [ Generated: 22.11.17, 22:08 GMT ]