강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của codingbeer
codingbeer

câu hỏi đã được viết

Dự án thực tế React.js cắt vừa miệng ăn - Phần SNS

(7.7) Triển khai tính năng xem bài viết

tailwind css 클래스 네임 오타인가요?

Viết

·

89

·

Đã chỉnh sửa

1

강의 28:25 정도에 컨텐츠 부분 테일윈드 클래스 설정에 오타인지 확인해 주세요.

break-words word-break 를 표기한 건 가요?

아니면 테일윈드 버전에 따른 클래스 네임 변경인가요?

{/* 2-1. 컨텐츠 */} 
<div className="line-clamp-2 break-words whitespace-pre-wrap"> 
  {post.content} 
</div>

그리고 좋아요 버튼, 댓글 버튼 부분 에서 border-1 border 로 수정해야 할 듯 합니다.
border 의 1은 단위를 생략하는 것으로 압니다.

reacttypescriptreact-querysupabasezustand

Câu trả lời 2

1

winterlood님의 프로필 이미지
winterlood
Người chia sẻ kiến thức

안녕하세요 Codingbear님 이정환입니다.

그러네요 🥲 break-words가 아닌 word-break 인데 헷갈려서 잘못 표기된 것 같습니다.

빠른 시일내에 자막으로 추가해두겠습니다.

추가로 border와 border-1은 같은 CSS를 의미하니 생략하셔도 좋고, 그렇지 않아도 문제는 없습니다

0

안녕하세요. 지나가다 댓글 남깁니다.

https://tailwindcss.com/docs/word-break
공식 문서는 word-break가 맞는 것 같습니다.

근데 프로젝트에서는 여전히 word-break라고 하면 적용이 안되고 break-words라고 해야 CSS 적용이 되더라구요. 왜 그런진 모르겠지만 🙂..

Hình ảnh hồ sơ của codingbeer
codingbeer

câu hỏi đã được viết

Đặt câu hỏi