display:flex justify-content:space-between 속성에 관한 질문입니다

Question

1846112816_1715928244.733.png 1846112816_1715928247.7238.png 1846112816_1715928256.1304.png

sns에 display:flex를 하고 justify-content: space-bwtween을 해도 양옆으로 붙지 않고 space-around처럼 되네요.

혹시

* {

margin: 0 auto;

padding: 0;

}

을 전체에다가 줬는데 이것때문에 그럴까요?

해결 방법 아시는분 도움 부탁드립니다.

배르만 · Answer

다음 부분으로 인해 발생하는 현상이 맞고 [code] * { margin: 0 auto; padding: 0; } [/code] 단순히 다음 형태처럼 재정의 해서 해결하는 방법이 있습니다. [code] .sns ul li { margin: 0; } [/code]

미니님a · Answer

[code] .sns ul li{ font-size: 0; } 줘보세요 그리고 .sns img{ width: 100%; height: auto; } [/code] ul 을 앱솔루트 주지마시고 .sns 을 앱솔루트로 설정하세요