# width

19개의 포스트
post-thumbnail

[Android] Switch 버튼 customizing

Switch는 Thumb를 앞 뒤로 움직여서 On / Off 2가지 상태를 선택할 수 있는 위젯입니다.스위치 버튼을 넣어달라는 요청이 들어와서 UI를 확인해보니 아래와 같은 버튼이 생겼습니다.많이 봤던 디자인이니 쉽게 끝낼 수 있을거라고 생각하고 xml에 들어가봅니다.

2021년 10월 28일
·
0개의 댓글
post-thumbnail

[CSS] Box Model

Box Model의 margin, border, padding 영역과 관련된 내용을 다룬다.

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[Flutter개발노트] 09.01 Platform Exception & AlertDialog

학교에서 대여한 맥북을 반납하고, 부득이하게 윈도우 환경의 데스크탑에 프로젝트를 이전해왔다. 세팅을 끝내고, 작업을 시작하려 에뮬레이터에 빌드했는데, 로그인 화면에서 홈 화면으로 이동이 안됐다. 에러 로그를 확인해보니 Platform Exception(sign_in)이

2021년 9월 1일
·
0개의 댓글
post-thumbnail

HTML/CSS 06 : margin 과 width 의 관계 (Feat. Weegle 검색바)

저 Weegle 로고가 처음에 중간에 들어가질 않아서 2시간을 헤맸다. 저 로고를 중앙에 놓기 위해선 margin: 0 auto; 를 하면 될거라고 생각했다. 하지만 결과는 달랐다. 마진을 어떻게 정해도 계속 왼쪽에 align 이 되서 한참을 고민했다. 답은 <h

2021년 8월 4일
·
0개의 댓글

CSS 속성: 너비

요소의 가로/세로 너비auto: 브라우저가 너비를 계산 (기본값)단위: px, em, vw 등 단위로 지정요소가 커질 수 있는 최대 가로/세로 너비none: 최대 너비 제한 없음 (기본값)단위: px, em, vw 등 단위로 지정요소가 작아질 수 있는 최소 가로/세로

2021년 7월 22일
·
0개의 댓글

CSS의 width , height 속성

요소의 가로 / 세로 너비기본값(요소에 이미 들어있는 속상이 값), auto : 브라우저가 자동으로 너비를 계산. 이때 브라우저는 해당 요소가 block 요소인지 인라인 요소인지 기타 어떤 특성을 가지고 있는 지에 따라서 그 요소가 가지고 있는 가로 너비를 다르게 화

2021년 5월 21일
·
0개의 댓글

[Python] openpyxl - 엑셀 다루기

https://stackoverflow.com/questions/60248319/how-to-set-column-width-to-bestfit-in-openpyxl

2021년 5월 11일
·
0개의 댓글

width 100%인데 좌우스크롤이 생길 때

반응형을 코딩하다가 width 100%인데 자꾸 padding만 넣으면 좌우스크롤이 생겼다.그럴 땐 width: 100%를 한 영역은 margin이나 padding을 설정하지 말고그 안쪽 div에서 설정을 하면 좌우스크롤이 생기지 않는다.예를 들면위와 같은 경우에는 1

2021년 4월 15일
·
1개의 댓글
post-thumbnail

3.HTML 에서 그림과 링크 표현

HTML 문서에 표시할 이미지 파일의 이름/경로 지정\-필수 속성GIF | JPG | PNG256색상지원 트루컬러 트루컬러투명배경처리 좋은압축률 투병배경처리용량이작음 용량이작음 웹전용이미지파일고로나클립아트 사진이미지 클립아트와 같이문서

2021년 3월 3일
·
0개의 댓글

TIL - 마진을 벗어나는 width 잡기(boxSizing)

같은 것은 소용이 없었다. 자식은 부모의 너비를 이길 수 없다.부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.이렇게 생각하니 조금 슬프군.

2020년 12월 21일
·
0개의 댓글
post-thumbnail

TIL 2020.12.05

2020년 12월 8일
·
0개의 댓글
post-thumbnail

[TIL] 특정 DOM 의 크기 가져와 사용하기

어떠한 포스트를 열면 드롭다운 형식으로 내려오게 되는 UI를 개발하는 과정에서 퍼센테이지가 작동하지 않고(설계상의 문제일 수도 있다) 오로지 px로 값을 설정해야 애니메이션이 작동 될 때가 있다.특정 DOM의 정보를 가져오는 작업을 진행해야할 때 참고하려 작성해두는 포

2020년 11월 27일
·
0개의 댓글
post-thumbnail

[CSS]CSS_3. Box Model

1\. 기본문법2\. 단위3\. Box model     3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz

2020년 9월 21일
·
0개의 댓글

flex-basis

flex-basis.MDN에서 flex-basis를 다음과 같이 정의하고 있다.flex-basis CSS 속성은 플렉스 아이템의 초기 크기를 지정합니다.display: flex 특성 상, content의 width가 viewport 보다 크면 width를 따르지 않고

2020년 7월 26일
·
0개의 댓글

[Day3] JavaScript - Table Input

\-먼저 테이블 input전에 Width 비율 code를 공유한다. 전체 width 100%로 지정하고 column 갯수를 입력하고 합이 100%로하면 Explorer창 사이즈를 늘리고 줄여도 지정한 비율로 column값이 조정된다. Document.getElemen

2020년 7월 21일
·
0개의 댓글
post-thumbnail

[T.I.L]HTML

HTML 태그들

2020년 5월 8일
·
0개의 댓글
post-thumbnail

HTML 요소의 크기/위치를 알아내는 방법

본 글은 MDN, W3schools을 참고하여 작성되었습니다. 자세한 내용을 알고싶으신 분은 해당 링크를 참고해주시길 바랍니다.요소의 border, scrollbar, margin을 제외하고 padding을 포함한 현재 보이는 부분에 대한 너비와 높이를 반환합니다. 즉

2020년 4월 22일
·
0개의 댓글
post-thumbnail

[사전스터디] height, width

html, body의 height와 width를 100%로 지정했을때의, element들이 차지하는 공간에 대해 찾아봤다.container > box1, box2, box3 틀을 가지고 있다.container의 경우, 전체화면 대비 height는 50%, width는

2020년 4월 15일
·
0개의 댓글