verticalAlign 하위/작동하지 않음

Question

두 개의 버튼이 있습니다. 하나는 속성을 sub으로 설정하고 다른 하나는 sub으로 설정하고 두 버튼 모두 sub으로 설정합니다.

첨자

document.getElementById("hidden").innerHTML=document.getElementById("text").value; 
document.getElementById("hidden").style.verticalAlign="super"; 
document.getElementById("hidden").style.fontSize="75%"; 

첨자가

document.getElementById("hidden").innerHTML=document.getElementById("text").value; 
document.getElementById("hidden").style.verticalAlign="sub"; 
document.getElementById("hidden").style.fontSize="75%"; 

Answer 1

는 브라우저의 개발자 도구의 CSS를 제어 적이 : 아래 는 모두 코드입니다? 스타일이 표시되어 있습니까?

그렇지 않으면 나는이 방법을 권장 : 내가 틀렸다면

document.getElementById("hidden").css("vertical-align","super"); 
document.getElementById("hidden").css("font-size","75%); 

및

document.getElementById("hidden").css("vertical-align","sub"); 
document.getElementById("hidden").css("font-size","75%);