2016-11-16 82 views
0

我有一個問題,即單元格的內容超出了這個單元格。 這是它的外觀:包裝表格中的單元格內容

image

這是我用來創建該表的代碼:

<div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="comments"> 
     <table class="table table-hover" style="table-layout: fixed; width: 100%"> 
      <tr> 
       <th class="col-md-2">Data</th> 
       <th>Komentarz</th> 
      </tr> 
      <?php foreach ($loan->client->commentsChronologically as $comment) { ?> 
      <tr> 
       <td class="col-md-2"><?= $comment->add; ?></td> 
       <td><?= $comment->content; ?></td> 
      </tr> 
      <?php } ?> 
.... 

我想修改此行:

<td><?= $comment->content; ?></td> 

我試圖在那裏添加wordwrap,並且我嘗試在<td>中使用自動換行,但它不起作用。我不知道該怎麼辦。有什麼建議麼?

+0

使用'​​<? print htmlentities($ comment-> content); ?>'如果單元格被內容破壞 – JustOnUnderMillions

+0

或嘗試'​​<? print nl2br($ comment-> content); ?>'如果您在評論內容中允許/保存換行符 – JustOnUnderMillions

+0

或者使用CSS'white-space:pre-wrap;' – JustOnUnderMillions

回答

0

沒有人正在解決真正的問題,這是造成這種情況的原因:table-layout: fixed - 刪除那個,你是黃金。

+0

我加了這個來解決我的問題。沒有{table-layout:fixed}它不起作用。當我添加它時,「保存」按鈕出現女巫消失時,文本從一個單元出去。 – Speedvees

+0

固定位置是導致問題的原因。 *搖頭* – junkfoodjunkie

相關問題