у суміжній темі.
Хоча мова стосується компонента Вью.
Мені потрібно "вирівняти" елемент span (який і є мій компонент), вбудований у інший компонент.
У зовнішнього є `display: flex; flex-direction: row; justify-content: center;'
Своєму я ставлю justify-self: self-end; (MDN), щоб його витягнути праворуч, але він не рухається.
Торкатись зовнішній - не бажано - бо бібліотека.
Як його поставити на місце?
Для span попробуй поставить display:block
Спробував - все одно - стоїть по центру, як прописано в батьківського елемента
А не flex-end?
justify-self: flex-end
зробив, все одно на місці - по центру
https://codesandbox.io/s/bold-monad-vtqiyp?file=/src/styles.css а так?
здорово! якщо з флексом не вийде - так зроблю; чи може і не треба намагатися флексом?
намагатись потрібно завжди :) але як не вийде то варіант робочий )
Тут даже сказано, что margin и auto нужно использовать, если хотим добиться такого поведения 🙂 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox
Обсуждают сегодня