Совместите изображение на правой стороне
Мой код
<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, так как я хочу одну и ту же структуру для другого разрешения экрана).
Любое решение ???
Решение
Почему бы просто не использовать поле слева % вместо 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;
}
}