Question

在使我的引导程序代码正确对齐和定位背景SVG图像方面存在两个问题。尝试过使用其他几种答案解决类似问题的解决方案，但对我来说却无济于事！

<div class="row result">
    <div class="col-sm-6 vcenter"></div>
    <div class="col-sm-2 vcenter">Base Cost</div>
    <div class="col-sm-2 vcenter">Total Cost</div>
    <div class="col-sm-2 vcenter"></div>
</div>
<div class="row result">
    <div class="col-sm-3 vcenter"><div class="logo-google"></div></div>
    <div class="col-sm-3 vcenter company">Google Inc.<p>The search company</p></div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 199.00</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 99.99</div>
    <div class="col-sm-2 vcenter"></div>
</div>
<div class="row result">
    <div class="col-sm-3 vcenter"><div class="logo-amazon"></div></div>
    <div class="col-sm-3 vcenter company">Amazon</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 199.00</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 99.99</div>
    <div class="col-sm-2 vcenter"></div>
</div>

请参见JSFiddle https://jsfiddle.net/wx01fnob/

如您所见，在此示例中，我试图完成两件事：

1）在第一个DIV /单元格中使用SVG背景图像时，我希望图像可以按比例缩放/调整大小以适应DIV，而不必显式设置高度。

2）我试图使各行中的所有内容垂直对齐。

任何帮助或指导将不胜感激。谢谢！

引导程序垂直对齐和背景SVG图像的位置/大小

0 个答案: