부모 DIV에 정렬되지 않은 이유를 알아낼 수 없습니다 다음 '프로젝트 제목은'전체 내 중심 A의 높이 [The image]. 내가 플렉스를 사용하여 divproject-description 이상으로 설정하고있다 : .headline {
display: flex;
align-items: center;
justify-content:
두 개의 side-by-side div (텍스트가 포함 된)와 전체적으로 이미지로 채워진 두 개의 side-by-side div가있는 css3 대응 기술을 찾고 있습니다. 최소한 이미지 종횡비는 유지되어야합니다. 이상적으로 두 div는 항상 동일한 크기의 사각형이어야합니다 (쌓인 경우에도 마찬가지입니다). 편집 - 바이올린 : https://jsfiddle
플렉스 박스를 사용하여 드롭 다운 메뉴를 만들었습니다. 어떤 이유로 든 li이 기본적으로 행 대신에 표시됩니다. 나는 심지어 flex-driection: row;을 사용하여 그것을 선언하려했지만 여전히 아무것도 바뀌지 않았다. 열이되고 싶은 탐색 바의 유일한 부분은 sub-nav 콘텐츠입니다. header {
border-color: #DC14
방금 CSS와 HTML로 학습을 시작했으며 첫 번째 문제가 있습니다. 나는 그것을 클릭 한 후에 나의 메뉴를 보여 주려고 노력한다. 그것을 클릭하면 메뉴 항목이 나타나 즉시 숨 깁니다. 내 메뉴를 다음에 클릭 한 후에 어떻게 표시하고 숨길 수 있습니까? 데모가 있습니다. jsfiddle.net/jekfej46/1/ 감사합니다.
저는 Flexbox를 처음 사용하며 3 열 레이아웃으로 작업하고 있습니다. 3 열이 각각 100 % 높이가 내용이 사용자의 화면보다 키가 크다 경우 각 변수 내용 높이가 페이지 을 스크롤해야합니다 이 내가 목표로하고있는 무슨이다 열은 동일한 높이를 유지해야합니다. 이 경우에는 어떻게됩니까 body, html {
background-color: se
가난한 질문 문구로 유감스럽게 생각합니다. 올바른 질문을 찾기 위해 고심하고 있습니다. 내가 할 몇 가지 스타일링이 codepen https://codepen.io/meek/pen/BmYZQB <ul class="cageList">
<li class="listHeader">
<span class="header">Title</span
단추를 아래쪽에 맞추는 방법을 찾는 중입니다. 나는 col-md-3과 메인 콘텐츠 col-md-8을 고정 된 크기의 캔버스에두고 있습니다. 옆으로 주요 내용에 높이를 따릅니다. 그러나 제쳐두고 마지막 버튼 (나는 항상 바닥에 붙이고 싶다.)은 작동하지 않는다. 캔버스가 높이를 결정하기 때문에 조정할 필요가있는 els가 있습니까? 버튼에 클래스를 positi
두 개의 하위 뷰와 하나의 ScrollView가있는 간단한 View가 있습니다. ScrollView는 flexbox를 사용하여 같은 레벨의 View보다 5 배 더 커야합니다. 아이들보기에 5 만 렌더링보기에서 모두가 화면의 절반에 정확히 맞는 : 1 플렉스 : <View style={{ flex: 1}}>
<View style={{flex: 1
나는 세 개의 블록이 있으며 첫 번째 블록 앞에 두 번째와 세 번째 블록을 넣어야합니다. 이것은 100 % 너비로 다른 라인으로 가야합니다. .content{
display:flex;
flex-flow: row-reverse wrap;
}
.box1, .box2, .box3{
height: 200px;
backgro
플렉스 박스 항목의 위쪽과 옆쪽에 상대 요소를 가져 오려고합니다. 피들 (fiddle)에서 볼 수 있듯이 나는 그런 일이 일어나지 않은 곳입니다. 그러나 이미지가 아래로 밀려서 플렉스 박스 항목의 맨 위에 붙어 싶습니다. 내가 에 디스플레이 플렉스를 제거하면 다음 가 도움을 사전에 감사합니다 내 코드 html, body{
background: