确保react组件在打印时不会中断
确保react组件在打印时不会中断
提问于 2019-07-12 07:45:54
我正在用React制作一个简历创建工具，最后有一个打印屏幕。虽然父组件可以跨越多个页面，但也有一些小的子组件(2-5行)不能在多个页面上拆分。
我还没能找到一个使用CSS或JSS的可行解决方案
function IndividualJob(props) {
const {job} = props;
return (
<strong>{job.position}</strong><br></br>
<em>{job.timeframe}</em><br></br>
{job.comments}<br></br>
<br></br>
);
}
function Jobs() {
return (
<>
{cv.jobs.map((job) => <IndividualJob job={job}/>}
</>
);
}我希望IndividualJob组件不会被分页符拆分。
回答 1
Stack Overflow用户
发布于 2019-07-12 09:37:12
我想出了一个在我的情况下有效的答案。我刚添加了
@media print {
div {
page-break-inside: avoid;
}
}防止组件被破坏
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56998605
复制相关文章
相似问题
腾讯云开发者
