文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS / html-pdf问题:页面溢出

问CSS / html-pdf问题:页面溢出
EN

Stack Overflow用户

提问于 2020-12-29 09:33:50

回答 2查看 67关注 0票数 0

我有以下非常简单的HTML。

<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>Test</h1>
            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
        </div>
    </div>
</div>
</body>
</html>

使用html-pdf，我想从A4中产生一个HTML文件。

let data;

var fs = require('fs');
var pdf = require('html-pdf');
var html = fs.readFileSync('test.html', 'utf8');
var options = { format: 'A4' };

pdf.create(html, options).toFile('test.pdf', function(err, res) {
    if (err) return console.log(err);
    console.log(res);
});

结果，我得到了一个PDF文件，但看起来HTML被切断了。

我该怎么解决它呢？

html-pdf

html

css

node.js

pdf

回答 2

Stack Overflow用户

发布于 2020-12-29 15:51:15

您可以尝试使用container-fluid而不是container。

container-fluid占据了视口的整个宽度，并且很灵活。

另一方面，container针对不同的断点采用宽度，并且对于不同的屏幕大小宽度是固定的。

票数 0

Stack Overflow用户

发布于 2020-12-29 16:12:17

在html代码中而不是

<div class="col-md-12">

试一试

<div class="col-12">

我已经在我的几个web项目中尝试了col12，它占用了父标签的所有宽度(按行)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65486188

复制

相似问题

问CSS / html-pdf问题:页面溢出
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS / html-pdf问题:页面溢出EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS / html-pdf问题:页面溢出
EN