CSS로 탭 너비를 바꿔요

css로 웹페이지에 탭 너비를 원하는 길이로 지정해보아요.

1. 탭 너비.

웹에서 \t (U+0009) 문자 크기는 기본값이 공백너비 8개인데, 너무길다 이러면 css 설정을 변경하면 되겠쩌.

tab-size:8
tab-size:4

developer.mozilla.org - tab-size

</div>
                    
        <div class="revenue_unit_wrap">
  <div class="revenue_unit_item adfit">
    <div class="revenue_unit_info">728x90</div>
    <ins class="kakao_ad_area" style="display: none;" data-ad-unit="DAN-QCdDUu1DnbqA965C" data-ad-width="728px" data-ad-height="90px"></ins>
    <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async="async"></script>
  </div>
</div>

<div class="container_postbtn #post_button_group">
  <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction';
window.ReactionApiUrl = '//catty.tistory.com/reaction';
window.ReactionReqBody = {
    entryId: 128
}</script>
<div class="wrap_btn" id="reaction-128" data-tistory-react-app="Reaction"></div><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FVPW8R%2FbtsL10zvumr%2FAAAAAAAAAAAAAAAAAAAAANVrJ9KOXcox9QHPIjNow7qUd9c-x3kGWpUfgNBGz1qD%2Fimg.webp%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DK9lBep5ali7r1OZekEcF2ZniMBM%253D" data-title="CSS로 탭 너비를 바꿔요" data-description="css로 웹페이지에 탭 너비를 원하는 길이로 지정해보아요.                                                         1. 탭 너비.웹에서 \t (U+0009) 문자 크기는 기본값이 공백너비 8개인데, 너무길다 이러면 css 설정을 변경하면 되겠쩌.tab-size:8tab-size:4 developer.mozilla.org - tab-size 🐾 이미지 보기" data-profile-image="https://tistory1.daumcdn.net/tistory/4667777/attach/a694cf0ea8484c42aecb654933e2c81b" data-profile-name="Cattiy" data-pc-url="https://catty.tistory.com/entry/css-tabs-size" data-relative-pc-url="/entry/css-tabs-size" data-blog-title="Cattiy Lab"><span class="ico_postbtn ico_share">공유하기</span></button>
  <div class="layer_post" id="tistorySnsLayer"></div>
</div><div class="wrap_btn wrap_btn_etc" data-entry-id="128" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button>
  <div class="layer_post" id="tistoryEtcLayer"></div>
</div></div>
<button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="4667777" data-url="https://catty.tistory.com/entry/css-tabs-size" data-device="web_pc" data-tiara-action-name="구독 버튼_클릭"><em class="txt_state"></em><strong class="txt_tool_id">Cattiy Lab</strong><span class="img_common_tistory ico_check_type1"></span></button>  <div data-tistory-react-app="SupportButton"></div>
</div>

CSS로 탭 너비를 바꿔요

1. 탭 너비.

댓글쓰기

댓글 삭제

댓글 개