Как остановить переполнение динамических данных за пределами таблицы?

Question

Это приложение стойки. Я должен показать некоторую динамическую дату в левой панели, полученной из БД или любого объекта сеанса, например, заметок. Если существует пространство между словами, то его работает нормально. Но во время тестирования, если я вводю некоторые персонажи без пробела, то пока показывая данные в левой панели, пересекают таблицу и идут на главной панели в IE8, Mozilla и Chrome также.

Моя часть образца кода такой.

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="fixedTable">
<tr>
 <td class="normalTxt" width="100" style="text-align:left;"
   bean:write name="cNotesInfo" property="description" /> 
 </td>
</tr>
</table>

Любое решение, пожалуйста.

Я удалил символ </>, чтобы сделать вас код.

Answer 1

Вы можете добавить место для ваших данных перед рендером на экран.

string Data = "areallylongstringthatisgoingtobreakyouroutputresult"
if(Data.Length > 50 && !Data.Contains(' ')){
    Data.insertAfter(25,' ');
}

Также есть для выбранных браузеров .. Word-Wrap поддерживается в IE 5.5+, Firefox 3.5+ и WebKit Browsers, таких как Chrome и Safari.

.break-word {
  word-wrap: break-word;
}

Одно важное примечание - если элемент имеет фиксированную ширину, этот подход работает хорошо. Однако, если у вас есть ширина 100%, это не делает работу