На главную
ПРАВИЛА 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(?)), чтобы вторая таблица была такой же ширины, как и первая, но там появился скролл-бар?
    vpmultishiftqb vscatterpf0dps vfmsubadd132pd vgatherpf1dps vpclmulhqlqdq vcmptrue_ussd vaeskeygenassist
      ExpandedWrap disabled
        <style>
        table { table-layout: fixed; }
        table pre { overflow: auto; }
        </style>
      ?

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


      Рейтинг@Mail.ru
      [ Script Execution time: 0,0752 ]   [ 17 queries used ]   [ Generated: 21.07.19, 21:18 GMT ]