-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
해결됨
.event .btn a {} 부분에서 질문이 있습니다.
20.08.20 00:25 작성 조회수 102
1
.event .btn a {
display: block;
width: 450px;
height: 45px;
}
이와 같이 작성된 부분에서 inline-block은 쓰면 그림의 링크위에
영역이 없어지고 block으로 해야 나오는데 이유가 inline-block은
inline의 특징을 갖고 있어서 a의 링크로 적은곳까지만 영역이 되기때문인거죠?
답변을 작성해보세요.
1
Dongho Lee
지식공유자2020.08.20
inline-block 은 블록의 특성이 있어서 크기 지정이 가능하고, 인라인 특성도 있어서 텍스트 처럼 줄이 바뀌지 않고 나열되는 특징이 있습니다.
예제에서는 position: absolute 안에 포함 되어 있어서 block 처리 해야만 정확한 박스형태가 구현이 됩니다.
대체로 본문의 텍스트에 포함 된 버튼은 inline-block 으로 처리하고, 메뉴나 예제 같은 버튼의 경우는 block 처리하면 문제가 없을 것 같습니다.
답변 1