다음 HTML을 고려하십시오. 먼저 li
항목을 왼쪽에 정렬하고 마지막 두 항목을 오른쪽에 정렬하고 싶습니다. 그러나 오른쪽 정렬을 마지막 두 가지로 설정하면 중간에 li
이 가장 많이 배치되고 가장 오른쪽에 li
이 배치됩니다. 이 주문을 수정하려면 어떻게해야합니까?CSS 정렬 순서가 올바르지 않음
HTML :
<ul>
<li class="one">left</li>
<li class="two">right</li>
<li class="three">right last</li>
</ul>
CSS :
ul{
width: 100%;
overflow: hidden;
}
ul li{
float: left;
}
ul li.two,
ul li.three{
float: right
}
CSS로 할 수 있다고 생각하지 않지만 틀릴 수도 있습니다. 최선의 방법은 HTML을 변경하여 '2'가 목록의 마지막 부분이되도록하는 것입니다. –