打印CSS、Bootstrap&；PHP

这与我的上一个问题是半相关的，但我已经设置了一个filemaker foreach循环，以输出一组图像来伴随这些名称和ID，以及一个复选框

一旦选中了相关图像，就转到另一页打印，无论我怎么努力，我都无法使元素适合一页？ 我使用了内联样式，打印css样式表，所有可能与chromes inspector的组合

我可以使它适合，一旦图像的名称被拿走，但我需要这包括在内

include('head.php');
if (isset($_POST['img'])) {

$img = $_POST['img'];

} else {
$img = '';
echo 'error';
}

?>
<div class="container">
<div class="row" >
<?

foreach ($img as $image){

//echo '<div class="col-md-5">';
echo '<img class="" style="margin:20px 10px 10px 0px; width:45%;" src="Invoices/Photos/RC_Data_FMS/Invoices_db/Photos/'.$image.'">';
echo '<p class="centered" style="width:45%;">'.$image.'</p>';
//echo '</div>';

} 
?>
</div>
</div>

---

$pic变量是图像名称

我想你可以通过调整

@media print

中的img高度来实现你想要的，比如：

@media print{
  img{max-height:280px} //tweak this until you're happy

}

另外，不要忘了

img responsive

bootstrap类-它的效果非常好：）

文件名1

您可能也可以放弃大部分内联样式，首先使用引导的默认设置，然后在需要时进行调整

---

你说你想要一个由6幅图像组成的网格。。。那是3高2宽吗？我想这真的取决于你的照片有多高，而不是多宽。你可以用@media print styleWorked调整它们的高度。我一直在尝试调整它们的宽度以适应页面，但高度立即解决了问题，谢谢！）

@media print{
  img{max-height:280px} //tweak this until you're happy

}

<div class="col-xs-6"> <!-- this will limit img width if img-responsive used too-->
  <img class="img-responsive" src="image.jpg">
  <p>Filename 1</p>
</div>