HTML,CSS(8)
-
[css] word-break 줄바꿈 설정
word-break는 글이 길어질 때 줄 바꿈 설정을 하는 속성이다. ⭐ 단어를 담고 있는 요소에 width, height 값이 설정 되어 있어야 가능하다. ⭐ 종류 normal : 기본 값으로 정해진 규칙에 따라 줄바꿈을 한다. break-all : 문자를 강제로 줄바꿈 시킨다. 아시아 언어를 사용할 때는 normal 처럼 사용되며, 비 아시아 언어를 사용할 때는 임의대로 바꿈을 할 수 있다. keep-all : 단어 단위로 줄바꿈을 한다. 예시 영어 normal Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean necmollisnulla.Proin gravida velit dictum dui consequat malesuada. brea..
2022.07.05 -
[css] float, clear 속성
Clear 속성 float 속성을 사용하여 작업한 후 다음 객체에 붙게 하지 않게 하기 위해 사용하는 속성 종류 none : clear 속성을 설정하지 않은 것과 같다 left : 왼쪽으로 붙는 float 속성을 취소 right : 오른쪽으로 붙는 float 속성을 취소 both : 왼쪽, 오른쪽 모두 붙는 float 속성 취소 float 해제하는 법 overflow : hidden 영역을 벗어난 부분을 감춰준다. float 시켰을 때 그 부모 영역의 높이가 없어진다.
2022.07.05