将图像对齐右侧


Align an image on the right side

我的代码是,

<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>

采购订单行在左侧对齐...锚标签属于网格结构,我把它浮在右边。现在,我希望按钮位于锚标签的左侧...(我不能使用左边距,因为我想要不同的屏幕分辨率相同的结构)。任何解决方案???

为什么不直接使用左边距和%而不是px

margin-left: 10%;

然后,您可以在各种尺寸上保持相同的类比,如您的描述中所述。

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

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