좌충우돌 개발자의 길

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

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

 

'STUDYING > HTML & CSS' 카테고리의 다른 글

[CSS] width: auto, height: auto  (0) 2022.05.15
[CSS] 최대 높이, 너비 설정  (0) 2022.05.15
[CSS] margin: 0 auto로 중앙정렬  (0) 2022.05.15
[CSS] justify-content: center, align-items: center가 적용이 안될 때 해결방법  (0) 2022.05.09
[CSS] 미디어쿼리  (0) 2022.05.09
'STUDYING/HTML & CSS' Related Articles more