我想在打印页面中显示三列.It在浏览器中工作,但当我进行打印预览时,它只在打印预览页面中显示两列。
html
<div class="container main">
<div class="main_inner">
<div class="row" >
<div class="col-md-12" >
<div class="col-md-3">
<img src="../img/logo.jpg">
</div>
<div class="col-md-6">
<h2>
<center><b><?php echo $row['municipality_address'];?> नगरपालिका</b></center>
</h2>
<h3>
<center><b>नगरकार्यपालिकाको कार्यालय</b></center>
</h3>
</div>
<div class="col-md-3">
<div class="border_box"></div>
</div>
</div>
<b></b>
</div>
css
.main{
margin-top: 10px;
border: 5px solid #00bfff;
}
.main_inner{
margin: 50px;
margin-top: 150px;
margin-bottom: 80px;
}
我想在打印页面中显示这样的页面。
但在打印预览中看起来是这样的。
发布于 2019-08-18 23:41:09
要使border_box在任何情况下都不会崩溃,请尝试将包含图像、文本、border_box (col-md-12
)的分区设置为flex,方法是包括
<div class="col-md-12">
至
<div class="col-md-12" style="display:flex;">
当你尝试打印它的时候,它也不会掉下来
我已经附加了一个指向codepen的链接
在添加了border_box之后,它也没有出现在下面。我希望这就是你要找的
https://stackoverflow.com/questions/57537270
复制相似问题