HTML [html] div안의 컴포넌트가 브라우저 줄이면 자동 개행되는 것 방지

2021.09.07 16:17

[html] div안의 컴포넌트가 브라우저 줄이면 자동 개행되는 것 방지

div안의 컴포넌트가 브라우저 줄이면 자동 개행되는 것 방지

컴포넌트 자동 줄바꿈 방지

white-space: nowrap; 을 지정해 준다.

HTML source

<div style="white-space: nowrap;">
       <button class="button button2 btn_style01">테스트용 버튼 1번</button>
       <button class="button button1 btn_style01">테스트용 버튼 2번</button>
       <button class="button button3 btn_style01">테스트용 버튼 3번</button>
       <button class="button button4 btn_style01">테스트용 버튼 4번</button>
</div>
<br/>
<div>
       <button class="button button2 btn_style01">테스트용 버튼 1번</button>
       <button class="button button1 btn_style01">테스트용 버튼 2번</button>
       <button class="button button3 btn_style01">테스트용 버튼 3번</button>
       <button class="button button4 btn_style01">테스트용 버튼 4번</button>
</div>

브라우저의 폭에 따른 결과 (white-space: nowrap;)

브라우저 폭이 줄어들면 nowrap가 없는 경우 자동 개행 (아랫부분)

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

[출처] https://emunhi.com/view/201912/22153324496?menuNo=10002

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

이 게시물을

번호	제목	글쓴이	날짜	조회 수
4	[Node.js] forever - node.js app 이 죽을경우 자동으로 재실행해주는 모듈	졸리운_곰	2017.09.26	636
3	[Node.js] proxy 환경에서 node.js 설정	졸리운_곰	2017.08.16	485
2	[Node.js] Node.js, Express, MongoDB를 이용하여 REST API 만들기	졸리운_곰	2016.06.06	772
1	Create a Web App and RESTful API Server Using the MEAN Stack	졸리운_곰	2016.06.05	2119

첫 페이지 1 끝 페이지

쓰기

태그