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

민트맛젤리 1년 전 조회 11,917

http://sir.kr/data/editor/2405/1846112816_1715928244.733.png" />http://sir.kr/data/editor/2405/1846112816_1715928247.7238.png" />http://sir.kr/data/editor/2405/1846112816_1715928256.1304.png" />

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

혹시

* {

margin: 0 auto;

padding: 0;

}

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

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

#css

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

정렬:

배르만

1년 전

다음 부분으로 인해 발생하는 현상이 맞고

</p>

<p>* {</p>

<p>margin: 0 auto;</p>

<p>padding: 0;</p>

<p>}</p>

<p>

단순히 다음 형태처럼 재정의 해서 해결하는 방법이 있습니다.

</p>

<p>.sns ul li {

  margin: 0;

}</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

미니님a Expert

1년 전

</p>

<p>.sns ul li{</p>

<p>font-size: 0;</p>

<p>}</p>

<p> </p>

<p>줘보세요</p>

<p>그리고 </p>

<p>.sns img{</p>

<p>width: 100%;</p>

<p>height: auto;</p>

<p>}</p>

<p> </p>

<p>

ul 을 앱솔루트 주지마시고 .sns 을 앱솔루트로 설정하세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

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

답변 2개

공유하기