Question

у меня есть:

<div id = "first" style="overflow-y:auto;"> 
<td colspan="2" style="background: #EFF4F8;"><div 
id="second" style='height: 100px; word-wrap: break-word; overflow-y: auto; width: 100%; min-width: 580px; line-height: 200%;'> 
<pre style="white-space: pre-wrap;">${some_text}</pre> 
</div></td> 
</div> 

если «some_text» ширина больше, чем мой экран, так что я есть свиток на весь экран, я хочу прокрутки только для DIV = «второй» или мой pre tag. Проблема в том, что я не могу изменить div = "first", я должен использовать его как есть. Вы можете мне помочь?

Спасибо,

Answer 1

Ваша разметка кажется неправильным, но это должно быть ваше решение. Дайте мне знать, как это получится, и я уточню ответ на ваши нужды. А использование CSS:

CSS

#first { 
    overflow-y:auto; 
} 

#second { 
    height: 100px; 
    word-wrap: break-word; 
    overflow-y: scroll; 
    width: 100%; /* This might still mess up the overflows of parent- and child-tags in different browsers */ 
    min-width: 580px; /* This does not work well in all browsers */ 
    line-height: 200%; 
} 

#second pre { 
    white-space: pre-wrap; 
} 

HTML

<div id="first"> 
    <table> 
     <tbody> 
      <tr> 
       <td colspan="2" style="background: #EFF4F8;"> 
        <div id="second"> 
         <pre>${some_text}</pre> 
        </div> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 2

Вы хотите прокрутки по ширине, то есть горизонтальная полоса прокрутки. Вы должны добавить переполнение-x