看电商开发，第4-11课时的视频碰到的问题，jquery ui的title问题，标题老是短一截

Question

<div id="showDetail<?php echo 12;?>" style="display: none;"> <table class="table" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="right">商品名称</td> <td>11</td> </tr> <tr> <td width="20%" align="right">商品类别</td> <td>22</td> </tr> <tr> <td width="20%" align="right">商品货号</td> <td>33</td> </tr> <tr> <td width="20%" align="right">商品数量</td> <td>44</td> </tr> <tr> <td width="20%" align="right">商品价格</td> <td>55</td> </tr> <tr> <td width="20%" align="right">幕课网价格</td> <td>66</td> </tr> <tr> <td width="20%" align="right">商品图片</td> <td></td> </tr> </table> <span style="display: block; width: 80%;"> 商品描述<br /> 77 </span> </div>这样子为什么标题会出现短一截的现象？