Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- JavaScript
- codeigniter
- 공모주 청약 일정
- 주식 청약 일정
- 맥
- SQL
- html
- php
- MYSQL
- 주식 청약
- 리눅스
- 7월 공모주 청약 일정
- Stock
- 자바
- Eclipse
- IPO
- 공모주
- 코드이그나이터
- jquery
- 제이쿼리
- java
- 자바스크립트
- linux
- 주식
- 6월 공모주 청약 일정
- css
- Oracle
- Stock ipo
- 공모주 청약
- 오라클
Archives
- Today
- Total
개발자의 끄적끄적
[html/css] html span tag width example / html span 태그 너비값 지정하는 방법 본문
개발/html & css
[html/css] html span tag width example / html span 태그 너비값 지정하는 방법
효벨 2021. 8. 7. 01:00728x90
반응형
[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 요소로 만들어야 된다는점!
참고들 하세요!
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] html form event list / html 폼 이벤트 종류 (0) | 2021.08.17 |
---|---|
[html/css] css cursor pointer example / css 마우스 오버시 손가락 모양 설정 방법 (0) | 2021.08.15 |
[html/css] html a 태그 클릭시 메일앱이나 전화앱으로 이동시키는 방법 (0) | 2021.07.26 |
[html/css] html input size example / html input 입력 사이즈 설정 방법 (0) | 2021.07.06 |
[html/css] html input readonly example / html input 읽기전용 설정 방법 (0) | 2021.07.05 |
Comments