내 HTML 웹 사이트에서 HTML

Question

의 요소의 수를 위첨자하는 방법, 나는 위치를 고정했다 화면의 좌측 하단에있는 원을 만들었습니다. 페이지에 확인란이 있습니다. 내가 원하는 것은 사용자가 체크 박스를 클릭 할 때 체크 박스의 수를 원 위에 위 첨자로 표시해야한다는 것입니다. (페이스 북에 통보 횟수가 표시되는 방식).

I은 ​​원을 그리 스팬 및 CSS를 사용 <sup>를 사용하려고했지만 장소 카운트 값 범위의 변화 등의 폰트를 변경 한 표시된다.

수행 할 수있는 가장 좋은 방법은 무엇입니까?

Answer 1

은 2 개의 별도 사업부 (들)을 유지한다. 하나는 기초 (원)를위한 것이고 다른 하나는 위첨자를위한 것입니다. 그리고 두 가지 모두의 위치와 치수를 지정하여 위치를 고정시킵니다. 여기에 코드 조각입니다 :

<div style="width:100px;height:100px;background-color:red;border-radius:50px;display:inline-block;text-align:center;position:relative;top:0px;right:0px;"> 
 
    <div style="background-color:yellow;position:absolute;right:0px;top:0px;display:inline-block;"> 
 
    2 
 
    </div> 
 
    <!-- Content goes here--> 
 
    App 
 
</div>

위치가 원 안에 내용에 의해 영향을받지 않는다 그것의 있도록 내부 DIV는 절대 위치를 가지고 있는지 확인합니다. 건배! :)