Рендеринг разница в очень простой HTML

Question

Я выполняю следующие html на FF5, Chrome10, IE9 Текст в FF5 обернут в две строки, где, как в Chrome и IE, td растягивается, чтобы держать его в одной строке.

Я не могу отладить это:

 <table width="80%">
 <tbody>
 <tr>
 <td width="5%" align="center" style="font-size:10px" class="filename">2</td>
 <td width="50%" style="display:block">
 D:/C_daive/Dpcnet/nbndinh/Denktpp/Nbndinh/MyjilenTpTentMybpp//bttic/ppcpden/jm_nubncaiptipn_ppl/jm_nubncaiptipn_ppl_updbte_nubncaiptipn_cpunt.c
 </td>  
 <td width="25%" align="center" style="font-size:10px" class="filename">Combo</td></tr></tbody></table>

Как мне заставить работать упаковку на Chrome и IE

Answer 1

Использование word-wrap в css

<table width="80%">
 <tbody>
 <tr>
 <td width="5%" align="center" style="font-size:10px" class="filename">2</td>
 <td width="50%" style="display:block; word-wrap: break-word;">
 D:/C_daive/Dpcnet/nbndinh/Denktpp/Nbndinh/MyjilenTpTentMybpp//bttic/ppcpden/jm_nubncaiptipn_ppl/jm_nubncaiptipn_ppl_updbte_nubncaiptipn_cpunt.c
 </td>  
 <td width="25%" align="center" style="font-size:10px" class="filename">Combo</td></tr></tbody></table>

ref: http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

Answer 2

Попробуйте добавить word-wrap: break-word; после display:block;.

Кстати, вам, возможно, стоит подумать о том, чтобы поместить ваш CSS в отдельную таблицу стилей. ( Почему встроенные CSS и JavaScript это плохо. )