돼지공방

  • 홈
  • 태그
  • 방명록
꿀꿀🐖

🩷 프론트엔드/React 1

[React] html2canvas 텍스트 위치 오류 해결

간단하게 인스타그램 짤을 만들고 다운로드하는 기능을 만드는데 텍스트가 아래로 밀리는 문제가 발생하였다.아래의 사진이 오류가 발생한 사진이다.나는 tailwind를 사용해서 css를 작성하고 있었고 아래의 문제로 줄바꿈 오류가 발생하는것을 알았다.[에러원인] Tailwind CSS의 기본 설정: Tailwind CSS는 초기화 과정(preflight)에서 모든 img 태그의 CSS 속성을 display: block;으로 설정합니다.Block 요소의 특성: display: block; 속성은 요소가 줄바꿈을 일으키게 합니다. 즉, 요소 뒤에 자동으로 새 줄이 생깁니다.웹 브라우저 vs html2canvas: 웹 브라우저에서는 이 줄바꿈이 시각적으로 명확하게 보이지 않을 수 있지만, html2canvas가 H..

프론트엔드/React 2025.04.06
이전
1
다음
더보기
프로필사진

돼지공방

IT 프론트엔드 기술 블로그입니다.

방문자수전체 방문자

  • TODAY
  • YESTERDAY

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
  • 분류 전체보기 (23)
    • 프론트엔드 (2)
      • React (1)
      • Storybook (1)
    • 모바일 (6)
      • React Native (6)
    • ETC (0)
    • CS (Computer Science) (14)
      • 네트워크 (12)
      • Web (1)
      • C,C++ (1)
    • 실험실 (1)
      • 최적화 (1)

공지사항

  • 환영인사

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바