мы можем изменить положение кнопок круга или кнопки пейджера (что находится в центре) на моей демонстрации, имеющей красную рамку, но мне нужно это внизу справа, как показано на изображении . Изображение с изображением имеет точки справа внизу.
мы можем изменить положение кнопки круга в правом нижнем углу.
вот мой код 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;
}
Проверь это:
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;
}
привет, вам просто нужно только изменить этот класс и просто нужно добавить два свойства, хотя дается ответ, но я хочу добавить это.
.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;
Ваша формулировка немного неясна, но я предполагаю, что вы имеете в виду что-то в этом роде:
#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.
Вот код для слайдер-пейджера класса
.slider-pager{
border:1px solid red;
position:absolute;
right:0;
bottom:0;
}