두 개의 플렉스 항목이있는 플렉스 컨테이너가 있습니다. 두 번째 줄에 여백 상단을 설정하고 싶지만 첫 번째 플렉스 라인이 아닌 래핑 된 경우에만 설정합니다. 가능하다면 미디어 쿼리 사용을 피하고 싶습니다. 첫 번째 요소의 margin-bottom이 해결책이 될 수 있다고 생각했습니다. 그러나 요소를 감싸지 않을 때 하단에 공간을 추가하므로 동일한 문제가 발생합니다. 이것은 …
동일한 줄에 두 개의 요소가 왼쪽으로 떠 있고 오른쪽으로 떠 있습니다. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> element2가 element1 옆에 정렬되어 둘 사이에 약 10 픽셀의 패딩이 필요합니다. 문제는 element2의 너비가 콘텐츠와 브라우저 (글꼴 크기 등)에 따라 …