ul을 여러개 배치할때, 쭈루룩 나오게하고싶은데 계단식으로 배치가 될 때가 있다.
<ul class="keyword_list1">
<li>...</li>
</ul>
<ul class="keyword_list2">
<li>...</li>
</ul>
이런식으로 ul이 여러개 있고 li를 쭈우욱 추가했는데..
아래로 쭉쭉 붙을줄알았는데 계단처럼 위의 ul 다음으로..계단식으로 나올때가 있다.
float:left;를 줘봐도 더 꼬일 뿐..
이를 바로잡는 법은..
상단의 ul에 (keyword_list1) display:inline;을 추가해준다.
<ul class="keyword_list1" style="display:inline;">
<li>...</li>
</ul>
<ul class="keyword_list2">
<li>...</li>
</ul>
float:left;가 잘 안먹을땐..감싸고있는 녀석에 display:inline을 활용해볼것..
'Web&Spring' 카테고리의 다른 글
| JAVA 이미지 용량 압축 (0) | 2023.03.16 |
|---|---|
| nslookup 이용해서 도메인으로 ip 조회하기 (0) | 2023.03.16 |
| This request has been blocked;the content must be served over HTTPS (0) | 2023.03.16 |
| 스프링 - request.getRemoteAddr() 활용 접속 클라이언트 IP 추출하기 (0) | 2023.03.14 |
| org.springframework.web.HttpRequestMethodNotSupportedException: Request method 'HEAD' not supported (0) | 2023.03.14 |
