display 속성에 대해

ratorz·2019년 11월 28일
0

1. inline 속성

  • 줄바꿈이 되지 않는 속성이다.
<!DOCTYPE html>
<html>
  <head>
    <style>
        div
        {
            display: inline;
            background-color: aqua;
            border : 1px solid red;
        }
    </style>
  </head>
  <body>
  <div>가나다</div>
  <div>라마바</div>
  <div>사아자</div>
  </body>
</html>

일때
display : inline
의 속성은

이와 같이 표현된다 .

2. Block 속성

각각의 Elements들이 하나의 영역을 차지하게 돼어 줄바꿈을 하게됩니다.

3. inline-block 속성

각각의 Elements들이 하나의 영역을 차지하지만 줄바꿈을 하진않고
옆으로 늘어서게 됩니다

profile
개발자 지망생입니다.

0개의 댓글