#css #sass
#css #sass
Вопрос:
Есть ли способ сохранить ширину флажка и контейнера в scss в angular, как, например $checkbox-width , и $cont-width ? Потому что у меня есть флажок и выпадающий список рядом с ним. Мне нужно, чтобы флажок был выровнен по центру, поэтому я использовал .justify-content-center и выпадающий список `position: absolute; ‘right: 1rem;’ поскольку он должен быть рядом с ним
На средних экранах это работает
Но на экранах lg пространство неправильное. Было бы неплохо, если бы я мог добавлять right: $cont-width/2 - $checkbox/2; вместо использования @media для каждого размера экрана, и извините, если это странный вопрос, но просто интересно, возможно ли это, если я вручную не установил ширину контейнера и флажок, но могу ли я получить его и сохранить в переменных в css? Спасибо
Комментарии:
1. Вы использовали display: flex и justify-content: center вместе?
2. Вы пробовали использовать функцию calc()?
3. @WalterWhite да
4. @WalterWhite спасибо
calc()— это то, что я искал. Можно ли получить ширину контейнера и флажок, чтобы я вручную не устанавливал ширину?5. вы должны использовать java script в css () Я думаю, у нас нет этой функции для получения ширины родительского контейнера; Проверьте родительскую ширину и установите это статическое значение в функции calc(), но если вы хотите, чтобы сайт был отзывчивым, необходимо использовать другое решение ширина должна быть определена как% единиц