Flex가 div에 지정된 너비보다 더 큰 너비를 차지함을 보여줍니다.

Question

div에는 특정 너비가 있고 그 안의 텍스트는 API에서 동적으로 제공되며 줄임표 스타일이 있습니다. 텍스트가 완전히 동적이고 텍스트 길이가 결정되지 않기 때문에 텍스트의 너비를 제공할 수 없습니다. 아래는 문제를 설명하는 코드입니다. 으아아아 으아아아

테이블 스타일에 대해 이와 같은 것을 생성하려고 합니다. 누구든지 이 문제를 해결하도록 도와줄 수 있나요?

Answer 1

스팬 요소의 너비를 text-overflow: ellipsis; 正常工作，您应该指定 inline-block로 만듭니다.

그러므로 width: 130px; 添加到 .table-header__width-ellipses 并使用 width: 150px;를 .container

로 사용하세요.

작업 코드.

으아악 으아악