4.3.4. 스타일링
현재 보유한 서비스 수에 따라 생성된 마크업에 최종 터치를 추가합니다. 이 예에서는 두 가지이므로 service-column div의 CSS 코드는 다음과 같습니다.
.service-column {
float: left;
margin-left: 10%;
width: 45%;
}
.service-column:first-child {
margin-left: 0;
}이 예제에서는 백분율 기반 레이아웃을 사용하여 div의 크기를 포함하는 기본 열의 너비를 동적으로 할당했습니다.
이제 제대로 작동하고 여러 서비스 하위스크립션 페이지를 잘 찾아야 합니다. 축하합니다!
열을 특정 순서로 표시하려면 조건부 표현식(if/else/case)을 서비스 이름 또는 알고 있는 다른 값을 사용해 보십시오.