Добавление <pre>заставляет ячейку таблицы BLOW UP?

Question

Я использую теги "pre", чтобы текстовое поле могло проходить через новые строки, потому что я убираю html из формы, когда она подставляется.Проблема заключается в добавлении "pre" ... моя ячейка таблицы расширяется до огромных размеров, и я не знаю, почему .....

Заранее спасибо

Перед тегом pre:

после предварительного тега:

Вот код для этой таблицы:

<code><form id="commentForm" name="commentForm" action="" method="post">
<ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}">
<ctl:sortableTblHdrSetup topTotal="false" href="show.whatif_edit_entry?entryId=${entry.entryId}"/>
<table class="data_table vert_scroll_table" style="width:360px;">
    <tr>
    <ctl:sortableTblHdr styleClass="center" title="Comments" property="comment" type="top">Comments</ctl:sortableTblHdr>    
    <ctl:sortableTblHdr styleClass="center" title="Created By" property="auditable.createdBy.lastName" type="top">Entered By</ctl:sortableTblHdr>

    </tr>
    <c:forEach var="comments" items="${entry.comments}">


    //PRE HERE!!    ----->>>   <tr id="id${comments.id}">
           <td id="comments-${comments.id}"  style="width:360px;"><pre>${comments.comment}

$ {comments.auditable.createdBy.lastName}, $ {comments.auditable.createdBy.firstName} для $ {comments.auditable.createdBy.lastName}, $ {comments.auditable.createdBy.firstName} в<% - это строка для добавления нового комментария.-%> У вас есть $ {const ['COMMENT_MAX_LENGTH'] - fn: length (commentForm.comment)} символов осталось. </ c: если>

pre
{
white-space: pre-wrap;                  /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
word-wrap: break-word;                  /* Internet Explorer 5.5+ */
width: 99%;
}

Answer 1

Ваша проблема: width: 99%; в pre. Удалить эту строку.

Answer 2

Не используйте (ab) <pre>. Просто используйте <c:out> для HTML-экранирования ввода, управляемого пользователем, чтобы предотвратить XSS.

<c:out value="${comments.comment}" />