To break a long word while creating an item label pdf using HTML and CSS.
When table with nested table is created and added columns, the nested table columns data were overlapped with the parent table columns.
And then nested table was removed and added just rows and columns in the table, the overlapping issue was corrected. Thus break the long word.
<table style=" padding-top:5px; width:50mm; height:30mm; table-layout: fixed; ">
<tr>
<td style=" max-width: 60%; height:5mm ; font-size:14px; margin-top: 13px; " ><b><#if temp?has_content && temp.itemid?has_content>${temp.itemid}</#if></b></td>
<td rowspan="3" style=" width: 40%; margin-top: 6px" align="center"> <#if temp?has_content && temp.itemid?has_content >
<#assign customQR = (temp.itemid )></#if>
<#if customQR?has_content><barcode codetype="qrcode" showtext="false" height="22mm" width="6mm" value="${customQR}"/></#if>
</td>
</tr>
<tr>
<td style=" font-size:9px; height:5mm;"><b><#if temp?has_content && temp.description?has_content >${temp.description}</#if></b></td>
</tr>
<tr>
<td style=" font-size:10px;"><b><#if temp?has_content && temp.vendorid?has_content>${temp.vendorid}</#if></b></td>
</tr>
</table>