Docz: 놀이터에서 깨진 요소

에 만든 2018년 07월 01일 · 3코멘트 · 출처: doczjs/docz

버그 신고

버그 설명
놀이터의 너비만큼 큰 요소 집합을 추가하면 요소가 끊어집니다.

재현하기 위해
captura de tela 2018-07-01 as 15 39 10

환경

question

출처

nicholasess

CSS의 과소평가된 효과입니다. 문제는 a 태그가 display: inline(기본 브라우저) 요소라는 점에 있습니다.

링크는 블록 수준 요소가 아닌 일반 텍스트로 처리되기 때문에 반으로 잘립니다.

white-space: nowrap; 를 설정할 수 있지만 화면 크기가 조정될 때 응답하지 않으므로 display: inline-block; 를 사용하면 문제를 해결하고 실제 블록 수준 링크로 만들어야 합니다.

이것이 당신이 찾고 있는 것이길 바랍니다 ✋

marceloavf 에 2018년 07월 03일

🎉2

@nicholasess님 , 피드백 감사합니다.

나는 여기에서 그것을 디버깅하고 있었고 예제에서 모든 것이 잘 된 것 같습니다.

이 버그에 대한 예제 코드나 저장소를 제공해 주시겠습니까?

marceloavf 에 2018년 07월 02일

@marceloavf 예, 이것은 내가 만든 저장소입니다.
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21

nicholasess 에 2018년 07월 02일

CSS의 과소평가된 효과입니다. 문제는 a 태그가 display: inline(기본 브라우저) 요소라는 점에 있습니다.

링크는 블록 수준 요소가 아닌 일반 텍스트로 처리되기 때문에 반으로 잘립니다.

이것이 당신이 찾고 있는 것이길 바랍니다 ✋

marceloavf 에 2018년 07월 03일

🎉2

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급