바람과함께사라지다
759
2020-06-01 12:15:54
4
395

ul>li 태그 잘 아시는 분 계신가요?


틀을

<nav>

<ul>

<li><img src="./img/1.png"></li>

<li><img src="./img/2.png"></li>

<li><img src="./img/3.png"></li>

<li><img src="./img/4.png"></li>

<li><img src="./img/5.png"></li>

<li><img src="./img/6.png"></li>

</ul>

</nav>


이렇게 잡고 nav li에 inline 태그 넣어서 

가로로 나열했거든요?

그런데 그 이미지 사이사이 공간이 너무 많은 거예요

그 공간을 줄일 순 없을까요?

0
  • 답변 4

  • SDN
    3k
    2020-06-01 12:30:47

    기본적으로 브라우저상에 설정된 margin값이 적용된게 아닌가싶네요.


    reset.css 라고 검색하셔서 

    적용하시면 ,기본 브라우저상의 css값들을 모두 초기화시켜서 

    사진들이 margin없이 다닥다닥 붙을 거라고 예상됩니다. 

  • 바람과함께사라지다
    759
    2020-06-01 14:27:21

    SDN


    완전 다닥다닥 붙는 것이 아닌

    조금 떨어지게 하고 싶은데 이 태그에서 어떻게 할 수 있을까요?

    nav{

    width: 2000px;

    height: 70px;

    margin-top: 10px;

    padding-top: 10px;

    }


    nav li{

    display: inline;

    margin: 50px 30px;

    }

  • 헬헬뿡
    607
    2020-06-01 14:39:00
  • 바람과함께사라지다
    759
    2020-06-01 19:45:04

    감사합니다 span으로 바꿔서 했어요



  • 로그인을 하시면 답변을 등록할 수 있습니다.