Переполнение HTML-текста в таблице - PullRequest
Новая
       24

Переполнение HTML-текста в таблице

0 голосов
/ 06 октября 2018

Я создаю ролевую онлайн-игру, в которой есть чат.Проблема в том, что слишком длинное сообщение переполняется после div, используемого для чата.Вот код, который вы можете видеть, когда вы вошли в игру и на вечеринку: https://jsfiddle.net/TurtleForGaming/sn6r1dv9/38/

   <div class="chat" id="middle-panel">
      <table>
          <tr>
            <td class="chaticon "><img class="chat_msgicon" src="http://54.37.64.4:5000/assets/img/sv.png"></td>
            <td class="chatwho" style="color:#723b08">[server]</td>
            <td class="chatmsg" style="color:#723b08"><span>Samuel has left the party</span></td>
          </tr>
          <tr>
            <td class="chaticon"><img class="chat_msgicon" src="http://54.37.64.4:5000/assets/img/sv.png"></td>
            <td class="chatwho" style="color:#723b08">[server]</td>
            <td class="chatmsg" style="color:#723b08"><span>Samuel has join the party</span></td>
           </tr>
           <tr>
             <td class="chaticon"> <img class="chat_msgicon" src="http://54.37.64.4:5000/assets/img/sv.png"></td>
             <td class="chatwho">[Samuel]</td>
             <td class="chatmsg"><span>THISISAVERYLONGMESSAGETHAT DOSENTSHOWUPCONPLETELYONTHESCREENBECAUSEHTMLISBROKEN</span></td>
           </tr>
           <tr>
             <td class="chaticon"> <img class="chat_msgicon" src="http://54.37.64.4:5000/assets/img/sv.png"> </td>
             <td class="chatwho">[Samuel]</td>
             <td class="chatmsg"><span>THIS IS A VERY LONG MESSAGE THAT DOSEN'T SHOW UP CONPLETELY ON THE SCREEN BECAUSE HTML IS BROKEN</span></td>
           </tr>
      </table>
    </div>

Я много искал и не знаю, как отобразить полное сообщениена экране.(между прочим, у скрипки нет js, потому что это сломало бы все).Я уже пытался использовать: overflow-x: hidden; word-wrap: break-word;, но я упал, как блок <table> не совместим

...