1.상황 :
- 세로로 나열되어 있는 요소들을 가로로 배열하기 위해서 display 속성을 inline 혹은 inline-block으로
변경해야 하는 경우가 발생!
2.문제점 :
- 가로로 변경은 되었으나, 2줄로 변경!
- 그 이유는 display의 속성값이 변경되면서 각각의 요소들 사이에 기본적인 margin 값이
들어가서 입니다.
3.해결방법 :
- margin-right 값을 해당 요소들 개수만큼 - (*음수) 처리해주기!
*참고사이트 :
https://www.codingfactory.net/10814
CSS / display 속성의 값을 inline 또는 inline-block으로 했을 때 여백 조정하는 방법
inline 또는 inline-block의 여백 display 속성값으로 inline 또는 inline-block으로 정하면 요소들이 가로로 배열됩니다. 이 때 요소와 요소 사이에 여백이 생깁니다. 예를 들어 다음과 같이 순서 없는 목록
www.codingfactory.net
'CSS' 카테고리의 다른 글
| background 속성 내 center값 관련 (0) | 2023.03.25 |
|---|---|
| CSS에서 calc( ) 함수에 대하여 (0) | 2023.03.02 |
| 스타일 시트 CSS접두어 -webkit의 의미 (0) | 2023.03.02 |
| backdrop-filter (0) | 2023.03.02 |
| display : inline-flex 에 대하여 (0) | 2023.03.02 |