对齐右侧的图像

Question

我的代码是，

<h4>
    <span class="icon16 icon-table"></span>
    <?php echo "PO Line";?>
    <?php echo CHtml::button(' ', array('class'=>'save-grid', 'onclick'=>'orderline()',));?>
    <a href="#" class="new-grid-" id="add-row" title="<?php echo  'Add Grid Row'; ?>"></a>
</h4>

PO线在左侧对齐...锚标签属于网格结构，我将其浮动。 现在，我希望按钮位于锚标记的左侧... （我不能使用margin-left因为我想要不同屏幕分辨率的相同结构）。 任何解决方案???

Answer 1

为什么不在%而不是px使用margin-left？

margin-left: 10%;

然后，您可以在各种尺寸中保持相同的类比，如说明中所述。

Answer 2

我找到了解决问题的方法。我使用媒体查询来得到答案。我添加了一个样本供您参考......

@media only screen and (max-width : 1600px) {
.save-grid
  {
   margin-left: 1230px; 
  }         
}

@media only screen and (max-width : 1280px) {
.save-grid
  {
   margin-left: 485px;  
  }         
}