Оба элемента Flex Li и span установили Sharink , но они на самом деле не сокращаются, почему? Span также имеет усечение , чтобы показать текст с ellipsis, но они не могут, потому что они не сокращаются. Я хочу, чтобы ширина была плавной и что она исходит от предка UL . min-w-0 также установлен.
- class="flex gap-2 flex-nowrap lg:items-center [&_a]:border [&_a]:border-red-500 [&_li]:shrink [&_li]:min-w-0 [&_a]:min-w-0 [&_span]:truncate [&_span]:shrink [&_span]:min-w-0"
>
-
Email
-
Github
-
LinkedIn
-
RSS Feed
Подробнее здесь:
https://stackoverflow.com/questions/796 ... -shrinking