코딩하다 현타올 때

질문 : align-content와 align-items의 차이점은 무엇입니까? align-items 와 align-content 의 차이점을 보여줄 수 있습니까? 답변 flex-box의 align-items justify-content 가 주 축을 따라하는 것처럼 교차 축을 따라 플렉스 컨테이너 내부의 항목을 정렬합니다. (기본 flex-direction: row 경우 교차 축은 수직에 해당하고 주 축은 수평에 해당합니다. flex-direction: column 하면이 두 개가 각각 교환됩니다.) align-items:center 모양의 예입니다. 그러나 align-content 는 여러 줄의 유연한 상자 용입니다. 항목이 한 줄에있는 경우에는 효과가 없습니다. 값에 따라 전체 구조를 정렬합니다. 다..

질문 : CSS에서 셀 패딩 및 셀 간격을 설정 하시겠습니까? HTML 테이블에서 cellpadding 및 cellspacing 은 다음과 같이 설정할 수 있습니다. CSS를 사용하여 어떻게 똑같이 할 수 있습니까? 답변 기초 padding "을 제어하려면 표 셀에 패딩을 사용하면됩니다. 예 : 10px의 "cellpadding": td { padding: 10px; } "cellspacing"의 경우 border-spacing CSS 속성을 테이블에 적용 할 수 있습니다. 예 : 10px의 "cellspacing": table { border-spacing: 10px; border-collapse: separate; } 이 속성은 별도의 수평 및 수직 간격을 허용합니다. 구식 "셀 간격"으로는 할 수없..

질문 : 요소를 수평 중앙에 배치하는 방법 CSS를 사용하여 다른 가로 중앙에 어떻게 배치 할 수 있습니까? Foo foo 답변 이 CSS를 내부 적용 할 수 있습니다. #inner { width: 50%; margin: 0 auto; } width 를 50% 로 설정할 필요는 없습니다. 보다 작은 너비는 작동합니다. margin: 0 auto 는 실제 센터링을 수행합니다. Internet Explorer 8 이상을 대상으로하는 경우 대신 다음을 사용하는 것이 좋습니다. #inner { display: table; margin: 0 auto; } 내부 요소의 중심을 수평으로 만들고 특정 width 를 설정하지 않고 작동합니다. 여기에서 작업 예 : #inner { display: table; margin..

질문 : CSS를 사용하는 모든 브라우저에 대해 "div"요소를 세로 중앙에 어떻게 배치 할 수 있습니까? CSS div 세로로 가운데에 배치하고 싶습니다. 나는 테이블이나 자바 스크립트를 원하지 않고 순수한 CSS만을 원합니다. 몇 가지 해결책을 찾았지만 모두 Internet Explorer 6 지원이 누락되었습니다. Div to be aligned vertically Internet Explorer 6을 포함한 모든 주요 브라우저에서 div 세로로 중앙에 배치하려면 어떻게해야합니까? 답변 아래는 고정 너비의 유연한 높이 콘텐츠 상자를 수직 및 수평 중앙에 구축 할 수있는 최고의 만능 솔루션입니다. Firefox, Opera, Chrome 및 Safari의 최신 버전에서 테스트되고 작동했습니다. .ou..

질문 : GUID / UUID를 만드는 방법JavaScript에서 전역 적으로 고유 한 식별자를 만들려고합니다. 모든 브라우저에서 어떤 루틴을 사용할 수 있는지, 내장 난수 생성기를 "무작위"하고 시드했는지 등을 잘 모르겠습니다.GUID / UUID는 32 자 이상이어야하며 ASCII 범위에 있어야 전달시 문제가 발생하지 않습니다.답변RFC 4122 에 따르면 GUID (Globally Unique IDentifier)라고도하는 UUID (Universally Unique IDentifier)는 특정 고유성 보장을 제공하도록 설계된 식별자입니다.몇 줄의 JavaScript 코드에서 RFC 호환 UUID를 구현할 수 있지만 (예 : 아래 @broofa의 답변 참조) 몇 가지 일반적인 함정이 있습니다.잘못된..