Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
ByJumping
@ByJumping
Vue.js
Как обрезать элементы по ширине родительского блока?
есть поле куда приходят названия с бэкенда.
Если элементов много или у них длинное название выходит так
Нужно сделать так, что если элемент уже не умещается в эту строку обрезался.
Вопрос задан
более двух лет назад
78 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Алан Гибизов
@phaggi
Правильно пользуйтесь песочницей и редактором вопросов! Там есть такая кнопочка
+
Написано
более двух лет назад
Ankhena
@Ankhena
flex-wrap и overflow родителю, детям white-space nowrap
Написано
более двух лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Mors Clamor
@66demon666
Сетевой админ, АТС-админ
Всё правильно, каждое название - блок. При каждом изменении пересчитываешь суммарную ширину блоков + отступы, сравниваешь с шириной контейнера
Ответ написан
более двух лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
ByJumping
@ByJumping
Автор вопроса
Я это и написал) я про реализацию спрашиваю. Нужно же понимать сколько блоков "прятать"
Написано
более двух лет назад
Mors Clamor
@66demon666
ByJumping
, ну, за вас код никто не напишет, тем более такой простой. Убирайте по одному блоку, пока не будет нормально влезать
Написано
более двух лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Vue.js
Простой
Как сделать модальное окно, которое всегда рядом с кнопкой, его вызывающей?
1 подписчик
24 сент.
80 просмотров
0
ответов
Android
+1 ещё
Средний
Как сделать запрос на Push уведомление для Android в Quasar Caricator?
1 подписчик
05 сент.
76 просмотров
1
ответ
Vue.js
Средний
Как глубоко сравнить копию реактивного объекта и реактивный объект Vue 2?
1 подписчик
21 авг.
111 просмотров
1
ответ
Android
+2 ещё
Сложный
Как в Capacitor приложение обновить через apk?
1 подписчик
20 авг.
114 просмотров
1
ответ
Vue.js
+2 ещё
Простой
Docker, Laravel, Vue — The POST method is not supported for route api/tasks/$%7Bid%7D. Supported methods: PUT, DELETE?
1 подписчик
09 авг.
243 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как сделать код с отменой запросов и переотправкой более простым?
1 подписчик
05 авг.
278 просмотров
2
ответа
Vue.js
Простой
Как подружить Quasar и Motion?
1 подписчик
02 авг.
72 просмотра
1
ответ
Vue.js
+1 ещё
Простой
Как в Nuxt UI добавить собственный цвет для темизации?
1 подписчик
27 июл.
139 просмотров
0
ответов
Vue.js
+1 ещё
Простой
Как правильно писать компоненты-обёртки во Vue 3?
1 подписчик
25 июл.
231 просмотр
3
ответа
Vue.js
+1 ещё
Простой
Почему не рендерится таблица element ui после vite build?
1 подписчик
22 июл.
80 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Desktop Windows, Tauri+Vue или Electron+React)
Poker Training
от 150 000 до 300 000 ₽
Frontend-разработчик
DimaTech Ltd
•
Краснодар
от 130 000 до 130 000 ₽
Full Stack developer
DigitalHR
•
Москва
от 200 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама