반응형 2022/09/262 pre태그 회사에서 마크업을 치는데 data = { content: { d: `아리아리랑 쓰리쓰리랑 아라리가났네.`, } } {courseBenefitContents.map(({ title, image, content }: CourseBenefitDataType) => ( {content.d} ))} 위와 같이 작성을 하면 백틱 문자열속의 줄바꿈이 적용이 안되고 계속 아래와 같이 렌더링되었다. 나는 globalStyle에서 p태그에 적용된 속성때문에 줄바꿈이 적용되지 않는줄 알았다. 그런데 그것이 아니었다. 이런 상황을 위한 pre태그란 놈이 있었다. 요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴(fixed-width font)을 사용하여 표현되며, 텍스트에 사용된 여백과 줄바꿈이 모두 그대로 브라우저 화.. 2022. 9. 26. span은 text-align 로 가운데 정렬이 안됨 와 몰랐다 span은 text-align 안먹는다 block 아니면 text-align안먹음 작업하다가 급하게 하나 글 올리고 다시 감 2022. 9. 26. 이전 1 다음 반응형