코딩하다 현타올 때

질문 : 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 는 여러 줄의 유연한 상자 용입니다. 항목이 한 줄에있는 경우에는 효과가 없습니다. 값에 따라 전체 구조를 정렬합니다. 다..

질문 : clearfix 란 무엇입니까? 최근에 일부 웹 사이트의 코드를 살펴보고 모든 clearfix 클래스가 있음을 clearfix . 빠른 Google 검색 후 때때로 IE6 용이라는 것을 알게되었지만 실제로 clearfix는 무엇입니까? clearfix가없는 레이아웃과 비교하여 clearfix가있는 레이아웃의 몇 가지 예를 제공 할 수 있습니까? 답변 오늘날 레이아웃에 플로팅 요소를 사용하는 것이 더 나은 대안을 사용함에 따라 점점 더 낙담되고 있다는 점에 주목할 가치가 있습니다. display: inline-block -더 좋음 Flexbox- 최고 (그러나 제한된 브라우저 지원) Flexbox는 Firefox 18, Chrome 21, Opera 12.10, Internet Explorer 1..

질문 : jQuery를 사용하여 DIV를 화면 중앙에 배치 jQuery를 사용하여 화면 중앙에 를 설정하려면 어떻게해야합니까? 답변 이 함수가 도움이되도록 jQuery에 함수를 추가하는 것을 좋아합니다. jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) +..

질문 : 레이아웃의 Android 드로잉 구분선 / 분할 선? 레이아웃 중간에 선을 그리고 TextView와 같은 다른 항목의 구분 기호로 사용하고 싶습니다. 이것에 대한 좋은 위젯이 있습니까? 다른 구성 요소를 일치시키기가 어려울 수 있으므로 이미지를 사용하고 싶지 않습니다. 그리고 나는 그것이 상대적으로 위치되기를 원합니다. 감사 답변 저는 보통이 코드를 사용하여 수평선을 추가합니다. 수직 구분 기호를 추가하려면 layout_width 및 layout_height 값을 전환하십시오. 출처 : https://stackoverflow.com/questions/5049852/android-drawing-separator-divider-line-in-layout

질문 : CSS-float 자식 DIV 높이를 부모 높이로 확장 페이지 구조는 다음과 같습니다. 이제 child-left DIV에는 더 많은 콘텐츠가 있으므로 parent DIV의 높이는 자식 DIV에 따라 증가합니다. 그러나 문제는 child-right 키가 증가하지 않는다는 것입니다. 높이를 부모와 같게 만들려면 어떻게해야합니까? 답변 parent 요소의 경우 다음 속성을 추가합니다. .parent { overflow: hidden; position: relative; width: 100%; } .child-right 다음과 같습니다. .child-right { background:green; height: 100%; width: 50%; position: absolute; right: 0; top:..

질문 : 이미지 또는 범위 태그를 사용하지 않고 CSS를 통해 UL / LI html 목록에서 글 머리 기호 색상을 설정하는 방법 항목이있는 단순한 정렬되지 않은 목록을 상상해보십시오. list-style:square; 를 통해 정사각형 모양으로 정의했습니다. 항목의 색상을 색상으로 설정하면 color: #F00; 그러면 모든 것이 빨갛게됩니다! 정사각형 글 머리 기호의 색상 만 설정하고 싶습니다. CSS에서 글 머리 기호의 색상을 정의 하는 우아한 방법 이 있습니까? HTML Item 1 Item 2 Item 3 CSS li{ list-style:square; } 답변 이를 수행하는 가장 일반적인 방법은 다음과 같은 방법입니다. ul { list-style: none; padding: 0; margin..

질문 : Android : 소프트 키보드가 내보기를 밀어 올리는 것을 어떻게 방지합니까? 내 앱 하단에 수직 슬라이딩 서랍이 있습니다. 소프트 키보드가 열리면 서랍의 탭이 위로 밀려 키보드 위에 놓입니다. 실제로 키보드가 표시 될 때 화면 하단에 숨겨져 있기를 원합니다. 이 문제에 다른 사람이 있습니까? 그것을 고치는 방법을 알고 있습니까? 답변 당신은 단순히 당신의 활동의 전환 할 수 있습니다 windowSoftInputMode 에 플래그 adjustPan 당신에 AndroidMainfest.xml 활동 태그 내부 파일. 자세한 내용은 공식 문서 를 확인하세요. 컨테이너의 크기가 변경되지 않는 경우 높이가 "상위 일치"로 설정되었을 수 있습니다. 가능하면 부모를 "Wrap Content"로 설정하거나 ..