Графика/Дизайн | Див выходит за рамки сайта
Блоки выходят за рамки сайта, что только не пробовал. Родителю задавал параметры width100%, все параметры overflow: прописывал, Не помогло. Пример ссылок
------
80430_IaE8iDJxwas.jpg (154.8 Kb)
Скачиваний: 126
css
.foot { overflow: hidden; text-align:center; margin:15px; display: inline-flex; } .foots { border: 3px solid #fff; font-size: 13px; padding: .5em 1em calc(.5em + 3px); background-color: rgb(176,196,222); color:rgb(245,245,245); } html
<div class='foot'> <a href='#'class='foots'>ссылка</а> </div> ------
Скачиваний: 126
Увеличь body)
У тебя указано что ссылки будут в один ряд
________
посл. ред. 10.01.2022 в 14:37; всего 1 раз(а); by Hryhorii_Ivlev
У тебя указано что ссылки будут в один ряд
________
посл. ред. 10.01.2022 в 14:37; всего 1 раз(а); by Hryhorii_Ivlev
Hryhorii_Ivlev , попробую, как с компа буду, гляну спс
DELETED
10 января 2022, в 14:47
Delete
652591566 (10.01.2022 в 14:24) Блоки выходят за рамки сайта, что только не пробовал. Родителю задавал параметры width100%, все параметры overflow: прописывал, Не помогло. Пример ссылок
Для .foot укажи flex-wrap: wrap; и тогда ссылки будут не в линию.
css
.foot { overflow: hidden; text-align:center; margin:15px; display: inline-flex; } .foots { border: 3px solid #fff; font-size: 13px; padding: .5em 1em calc(.5em + 3px); background-color: rgb(176,196,222); color:rgb(245,245,245); } html
<div class='foot'> <a href='#'class='foots'>ссылка</а> </div>
Loll_lark , спасибки гляну
попробуй box-sizing: border-box;
Loll_lark , получилось, только блоки в разнобой получились
DELETED
10 января 2022, в 19:08
Delete
652591566 (10.01.2022 в 17:34)
Loll_lark , получилось, только блоки в разнобой получились
Loll_lark , получилось, только блоки в разнобой получились
Почитай побольше про display: flex; Ибо в слепую, немного трудновато ориентироваться.
________
посл. ред. 10.01.2022 в 19:08; всего 1 раз(а); by Loll_lark
