브라우저에서 텍스트 취급 당하는 요소 가로정렬
<!--
[가로 세로 정렬 조건]
상위요소와 하위요소 너비.높이가 같으면 정렬할 수 없다.
[가로정렬은 두가지로 나누어져있다.]
1. 도형취급 당하는 요소
2. 텍스트취급 당하는 요소
[브라우저에서 텍스트 취급 당하는 요소]
1. inline
2. inline-block
3. 텍스트
[브라우저에서 도형 취급 당하는 요소]
1. block
2. flex
[텍스트 요소 정렬 속성과 속성값]
* 정렬하려는 텍스트요소를 감싸고 있는 태그에 적용
1. text-align: left;
2. text-align: center;
3. text-align: right;
[도형 요소 정렬 속성과 속성값]
* 정렬 하려는 태그에 적용
1. margin-left: auto;
2. margin-right: auto;
(중앙정렬)
margin-left: auto;
margin-right: auto; 함께 적용
↓생략형태
margin: 0 auto;
-->
'웹1' 카테고리의 다른 글
| 2023-05-22 마켓컬리 상단바 제작 (0) | 2023.05.24 |
|---|---|
| img 태그, 비율이 유지되는 이미지, 찌그러지는 이미지, object-fit:cover; (0) | 2023.05.24 |
| 2023-05-18 앵커 태그, 하이퍼 링크 이어서, padding, 브라우저에서 도형 취급 당하는 요소 가로정렬 (0) | 2023.05.18 |
| 2023-05-17 CLASS 와 ID, inline-block 여백 제거 , 젠코딩, 힘이 강한 css ,앵커 태그, 하이퍼 링크 (0) | 2023.05.17 |
| 2023.05.16 자식 엘리먼트가 부모엘리먼트 보다 작을 때,같을때,inline-block 줄바꿈 조건,font-size (0) | 2023.05.16 |