как установить кнопку положения внизу?

0

мы можем изменить положение кнопок круга или кнопки пейджера (что находится в центре) на моей демонстрации, имеющей красную рамку, но мне нужно это внизу справа, как показано на изображении Изображение 174551. Изображение с изображением имеет точки справа внизу.

мы можем изменить положение кнопки круга в правом нижнем углу.

вот мой код http://plnkr.co/edit/Ny3wPlMG5F1ZbBtachdN?p=preview

#slideTest{
      margin-top:1em;
      border:1px solid pink;
      width:200px;
      height:100px;
    }
    .slider-pager{
      border:1px solid red;

    }
Теги:
ionic-framework
angularjs-scope

4 ответа

1
Лучший ответ

Проверь это:

http://plnkr.co/edit/Sorz9aW43nAkfvALVMoc?p=preview

.slider-pager {
position: absolute;
bottom: 0px;
z-index: 1;
height: 15px;
text-align: right;
right: 0px;
width: auto;
}
0

привет, вам просто нужно только изменить этот класс и просто нужно добавить два свойства, хотя дается ответ, но я хочу добавить это.

.slider-pager{
      border:1px solid red;
      bottom: 0px;
      text-align: right;
    }

проверка после подачи заявки будет работать для вас

не нужно применять слишком много свойств для того, чего вы хотите достичь.

position: absolute;
bottom: 0px; // include only this
z-index: 1;
height: 15px;
text-align: right; //include only this
right: 0px;
width: auto;
0

Ваша формулировка немного неясна, но я предполагаю, что вы имеете в виду что-то в этом роде:

#slideTest{
  margin-top:1em;
  border:1px solid pink;
  width:200px;
  height:100px;
}
.slider-pager{
  border:1px solid red;
  position:absolute; 
  right:0; /* Move element to the right. */ 
  bottom:0; /* Move element to the bottom. */
}
0

Просто сделайте положение абсолютным и правым на 0, внизу 0.

Вот код для слайдер-пейджера класса

.slider-pager{
  border:1px solid red;
  position:absolute;
  right:0;
  bottom:0;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню