여러 클래스를 추가하여 만든 div를 만들려고합니다. 특별한 이유로 너비, 높이 및 크기는 설정되지 않습니다. 대신 자동 크기입니다. 하나의 클래스에 모든 것을 추가하면 크기와 작업이 있지만 앞서 언급했듯이 분리되면 아무것도하지 않습니다.
다중 클래스 div를 만든 방법 (클래스를 섞어 보았습니다)
<div class="box pos1 1x1">
<p class="verdana"> ... </p>
</div>
CSS 파일 내부 :
.pos1{
display: inline; float:left;
}
.1x1 {
width:13.5vw;
height:13.5vw;
}
.1x2 {
width:13.5vw;
height:17.5vw;
}
.2x2 {
width:17.5vw;
height:17.5vw;
}
div.box{
background-color:#000000; color: white;
margin-left:0.25vw; margin-top:0px; margin-right:0.25vw; margin-bottom:0px;
border: white solid 2px;
}
또한 하나의 큰 클래스를 만드는 것은 선택 사항이 아닙니다.
감사합니다.
숫자로 시작하는 클래스 이름은 유효하지 않습니다! 수업 이름은 _
, -
또는 문자 ( a-z
) 로 시작해야합니다 !
클래스 이름의 유효성을 검사하는 패턴 : -?[_a-zA-Z]+[_a-zA-Z0-9-]*
다음 솔루션을 참조하십시오.
.pos1{
display:inline;
float:left;
}
.size1x1 {
width:13.5vw;
height:13.5vw;
}
.size1x2 {
width:13.5vw;
height:17.5vw;
}
.size2x2 {
width:17.5vw;
height:17.5vw;
}
div.box{
background-color:#000;
color:#fff;
margin:0 0.25vw;
border:2px solid #fff;
}
<div class="box pos1 size1x1">
<p class="verdana"> ... </p>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다