mstdmstd
26.07.2019 - 10:14
Всем привет
на странице
http://138.68.107.4/news есть паджинатор с большим кол-вом ссылок и хотелось бы
1) чтобы ячейкм с ссылками располагались
равномерно и не вылазили за news_pagination_container контейнера
https://prnt.sc/ok818r2) На элементе nav есть бордюр справа
https://imgur.com/a/vMqnzIlно непонятно почему где есть элементы меню бордюр удвоенный
Если в инспекторе убрать border-right - то бордюр убирается
Как убрать сдвоенность?
Спасибо!
walerus
26.07.2019 - 11:23
эти стили переписать так:
.news_pagination_container {
border: 1px solid #c2c2c2;
padding: 0 20px;
}
.pagination[data-v-60bf1566] {
}
на элементе data-v-60bf1566, который указан "мышкой" (см.фото), нужно прописать стили которые в инспекторе. результат там же.
walerus
26.07.2019 - 11:29
Цитата |
чтобы ячейкм с ссылками располагались равномерно и не вылазили за news_pagination_container контейнера |
Они и будут располагаться равномерно, пока ты не уменьшишь экран, тогда они начнут "сползать" на 2ю строку, и "раскидываться по блоку", как у тебя на фото... что бы этого не было, нужно медиазапрос писать "justify-content: flex-start;", что бы элементы шли друг за другом.
SiteMaster
26.07.2019 - 19:16
Цитата (mstdmstd @ 26.07.2019 - 10:14) |
1) чтобы ячейкм с ссылками располагались равномерно и не вылазили за news_pagination_container контейнера https://prnt.sc/ok818r |
Уберите фиксированную высоту для .pagination[data-v-60bf1566]
Там сейчас стоит height: 40px; и второй ряд кнопок просто не помещается.