css

CSS에서 Flexbox 레이아웃을 사용할 때, 텍스트가 요소의 너비를 초과하는 경우 text-overflow: ellipsis;로 말줄임 처리를 하는 경우가 많습니다.Flexbox에서 flex: 1;은 다음의 단축 속성을 포함합니다:문제는 text-overflow:

inline 요소는 컨텐츠의 너비만큼 크기를 가져서 줄바꿈이 일어나지 않기 때문에 가로 배열이 됩니다. 하지만, margin, padding을 0으로 설정해도 두 요소 사이 공백이 존재하는 경우가 있습니다.inline 요소inline 요소는 텍스트의 한 부분처럼 취급

순서가 있는 목록을 만들 때 제목 앞에 숫자를 붙여야하는 상황이 많다.이때 HTML에서 하드코딩하지 않고 CSS로 목록의 갯수를 세어 붙여주는 기능을 발견했다!순서를 붙이기 위해 몇 가지 단계를 거쳐야한다. 그 중 첫 번째는 증가할 목록에 이름 붙이기.카운터의 값을 가