STUDYING/HTML & CSS

[CSS] 콘텐츠 너비로 div태그 너비를 표현하고 싶다면?

sustronaut 2022. 5. 25. 02:34

채팅에 들어갈 말풍선을 만드는 도중 span태그를 쓰면 word-break가 작동을 안하고 div태그를 쓰면 너비를 설정해야 word-break가 작동했다.

 

왜 그럴까 알아본 결과! 바로 inline-block으로 설정하면 콘텐츠 너비만큼 div태그의 너비가 설정될 수 있었다!

 

  • inline-block이 무슨 기능을 하는지 궁금하다면?

https://ksumin-dev.tistory.com/84

 

[CSS] 레이아웃

1. display와 box model의 관계 display  width  height  margin  padding border   block ㅇ ㅇ ㅇ ㅇ ㅇ inline X X 좌/우 ㅇ(설명) ㅇ(설명) inline-block ㅇ ㅇ ㅇ ㅇ ㅇ - inline : margin은 좌우만 되..

ksumin-dev.tistory.com