반응형
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 | 31 |
Tags
- v-html
- 자바스크립트
- CSS
- State
- webpack
- TypeScript
- vuex
- sass
- express
- 쉬운설명
- nodejs
- HOC
- storybook
- scss
- Wecode
- Vue transition
- jsx
- App.vue
- Vue
- ES6
- 자료구조
- event
- JavaScript
- input
- MySQL
- 댓글달기
- Vue.js
- react
- 리액트
- mapGetters
Archives
- Today
- Total
목록정렬방법 (1)
익명의 개발노트
[CSS] 정렬방법
정렬 방법 1. float : 기본적으로 띄워지게 만드는 속성임. 블록요소를 가로로 나란히 정렬하기 위해 사용. 일단 이걸쓰면 더는 width가 100%가 아니다. 단점은 부모태그가 float 속성의 자식 태그를 인식하지 못함. 해결하려면 overflow: auto나 overflow: hidden 를 줘야함. 블록 요소를 가로로 나란히 정렬하기 위해서는 float을 이용float된 요소는 기본적으로 상위 요소가 영역을 파악하지 못함 (float가 요소를 띄움)float는 띄어지기 때문에, 보통 다음 블록 요소는 float된 요소 밑에 깔리게 됨.블록 요소는 기본적으로 float을 인식하지 못함. 텍스트, 인라인 요소, 그리고 float된 요소만 다른 float요소를 인식 함.float된 요소를 부모 요소..
프로그래밍/html, css
2019. 3. 2. 21:37