代码行之间的空格-JQuery和CSS

问题是：

数字和实际代码之间有一个空格，下面是我的jQuery代码：

$('pre').html('<table>'+$.map($('pre').text().split('\n'), function(t, i){
    return '<tr><td>'+(i+1)+'</td><td>'+t+'</td></tr>';
}).join('')+'</table>');

最后是HTML代码：

<div class="contentBox">
    <div class="code">
        <pre>
            require_once('php_knowledge.php');
            require_once('java_knowledge.php');
        </pre>
    </div>
</div>

只需要一次（'php_knowledge.php'）；
需要一次（java_knowledge.php）；

---

所有的帮助将不胜感激

将

中的空格解释为文本并传输到

单元格中（请参阅fiddle:）

---

通过调整空白来避免这种情况：

return'+（i+1）+''+t.trim（）+''（）
你的问题是什么？@putvande如何删除空格如果数字和代码行的边界太近，我该如何将其隔开？
<div class="contentBox">
    <div class="code">
        <pre>
            require_once('php_knowledge.php');
            require_once('java_knowledge.php');
        </pre>
    </div>
</div>