개발자의 끄적끄적

[html/css] html span tag width example / html span 태그 너비값 지정하는 방법 본문

개발/html & css

[html/css] html span tag width example / html span 태그 너비값 지정하는 방법

효벨 2021. 8. 7. 01:00
728x90
반응형

[html/css] html span tag width example / html span 태그 너비값 지정하는 방법

 

 

html 에서

 

span 태그를 사용하여

 

영역을 만들때

 

내용이 길던 짧던 너비값을 지정해서 

 

동일하게 사용하고 싶은 경우가 있습니다!

 

 

width:100px 로 하면

 

100px 너비가 유지될거 같지만, 그렇지 않습니다!

 

그럴때는

 

아래와 같이 하시면 됩니다!

 

<span style="display:inline-block; width:100px;">
abcde
</span>

 

위 내용을 보시면 아시겠지만,

 

style 에 inline-block 속성을 추가하면 정상적으로 반영됩니다!

 

span 태그의 높이나 너비값을 지정하기 위해서는

 

block 요소로 만들어야 된다는점!

 

참고들 하세요!

반응형
Comments