我在我的angular5项目中使用jspdf插件。
app.component.ts
doc.addImage('assets/img/ncr_pdf_header.png', 'PNG', 0, 0);
doc.fromHTML('<p><span>ID : <b>'
+ this.loginDetails.customerID +
'</b></span><span> Name: <b>' + this.loginDetails.customerName + '</b></span></p>', 5 , 25, {
}, (res) => {
console.log('fromhtml', res);
doc.autoTable(columnHead, columnRow, {
styles: { overflow: 'linebreak', halign: 'center', fontSize: 10},
tableWidth: 200,
margin: 5,
theme: 'grid',
startY: res.y,
headerStyles: {fillColor: [84, 185, 72]},
showHeader : 'firstPage',
});
doc.page = doc.autoTable.previous.pageCount;
doc.text('NCR Confidential (Restricted)', 5, doc.autoTable.previous.finalY + 15);
doc.save('test Export');
});
在上面的代码中,我正在使用来自HTML属性的jspdf。我需要在两个span元素(id和name)之间添加空格。我将内联样式添加到一个具有'padding-left'样式的span元素中,但是它不起作用。如何在上述元素中添加CSS样式?