Графика/Дизайн | Нужна помощь с css
STUDIO
.div {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 85%;
}
<div class="div">Обрезаемый текст</div>
Будет обрезать текст по мере уменьшения размера экрана
Shisui display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 85%;
}
<div class="div">Обрезаемый текст</div>
Будет обрезать текст по мере уменьшения размера экрана
Если правильно то это уже нужно делать Адаптивный или мобильный дизайн на @media запросах
можно на основе FLEXBOX - https://www.youtube.com/watch?v=zkb8q-eeJ3Q и вот например сама адаптация https://www.youtube.com/watch?v=qRogpo3Lp6s / https://www.youtube.com/watch?v=XbnAKjjlgc4
https://jsfiddle.net/pc4ktm10/3/
________
посл. ред. 18.11.2020 в 16:56; всего 5 раз(а); by Mr[G]Pro
Mr[G]Pro можно на основе FLEXBOX - https://www.youtube.com/watch?v=zkb8q-eeJ3Q и вот например сама адаптация https://www.youtube.com/watch?v=qRogpo3Lp6s / https://www.youtube.com/watch?v=XbnAKjjlgc4
https://jsfiddle.net/pc4ktm10/3/
________
посл. ред. 18.11.2020 в 16:56; всего 5 раз(а); by Mr[G]Pro
Стр.: 1, 2