li 태그에도 링크가 걸리게하고 싶어서 문득 궁금해졌다.
답은 불가능. <a>는 <li>의 자식이기때문에 불가능하다고한다.
그 반대인 li>a 구조는 가능하다.
a태그안에 block지정하거나 lnline-block을 지정하면된다고한다.
나같은 경우는 추가로 width:100%도 같이 지정해주니까 적용된다.
출처:스텍오버플로우
https://stackoverflow.com/questions/9627683/a-tag-around-li-tag
반응형
'Frontend > Markup' 카테고리의 다른 글
아코디언 메뉴 accordion menu (0) | 2020.10.29 |
---|---|
[flexbox] 여러줄을 표현하는 wrap, column (0) | 2020.08.26 |
[css] div를 상하좌우 중앙정렬 (0) | 2020.08.13 |
[css] ellipsis로 multiple lines '...'처리 (0) | 2020.07.28 |
[css] height:100% vs height:auto (0) | 2020.07.25 |