나는 주위에 같은 공간으로 3 개의 이미지를 정당화하려고 노력하고있다. 나는 이미지의 너비를 퍼센트로 설정했다. 나는 인 flexbox를 사용하려하고 justify-content: space-evenly하지만 이미지는 가로 세로 비율을 유지하지 않습니다 Codepen .container {
width: 50%;
border: 1px
에 플렉스 부모의 절반을 작성하지 나는 service-box-one & service-box-two가 필요 service-details 아이가 부모 DIV service-box의 절반 크기와 하단에 위치하는 2있는 세 된 div의 아래 jsfiddle이 학부모 담당자 service-box 이 사파리와 함께, 그러나, IE, 파이어 폭스와 크롬에서 잘 작동
어떻게 contenteditable 셀의 내용을 가운데에 배치 할 수 있습니까? 아래에는 현재 내가 가지고있는 코드 종이 있습니다. https://codepen.io/anon/pen/ZvBoYd 나의 현재 CSS는 다음과 같습니다 당신의 세포에 대한 td, .td {
display: flex;
flex-flow: row nowrap;
HTML5 디스플레이 및 요약 요소를 사용하고 있습니다. 전에 :: pseudo 요소로 사용자 지정 표식을 사용하고 있습니다. summary 요소는 최대 2 개의 span 요소를 포함 할 수 있습니다. display : flex (또는 display : inline-flex) 규칙을 요약 요소에 적용했습니다. FF 그리고 크롬은 요약 요소를 정확히 예상대로
아래 양식에 고정 너비가 있어야하며 사용자가 입력 상자를 클릭하면이 입력 상자가 확장되고 다른 입력란은 축소되어야하지만 전체 입력란 너비는 양식은 항상 일정해야합니다. 사용자가 다른 입력 상자를 클릭하는 경우와 동일한 동작입니다. CSS와 Flexbox에서 가능합니까 아니면 일부 자바 스크립트가 필요합니까? #testForm {
padding:
하나는 화면의 25 %를 차지하고 다른 하나는 컨테이너의 나머지 부분을 차지하는 각도 라우터 콘센트입니다. 다음을 사용하면 화면 양쪽에 두 요소가 가운데에 공백이 생깁니다. ** 부분은 HTML은 매트 목록을 가지고 단지 기본 HTML과 CSS <div class="container"
fxLayout>
<admin-route-menu f
페이지에 내 바닥 글과 함께 앉을 간단한 nav 요소가 있습니다. 이 항목에 채우기를 추가하면 설명 된 채우기 양만큼 요소가 축소됩니다. 일반적으로 요소에 패딩을 추가하면 실제 요소가 축소되지 않습니다. box-sizing: border-box은 패딩이 전체 너비에 포함되어 있는지 확인하지만 부모의 너비는 100 %로했습니다. 동일한 문제가 머리글 또는 바
텍스트가있는보기가 있습니다. 구성 요소는 다음과 같습니다 :이 구성 요소가 사용됩니다 때 MyComponent =() => {
return (
<View style={styles.viewStyle}>
<Text style={styles.textStyle}>My Text</Text>
</View>
);
}
div 요소 menu에 대한 패딩을 설정해야하지만 해당 컨테이너의 크기를 10 %로 유지하려고합니다. 예제에서 알 수 있듯이 menu은 래퍼로 넘어갑니다. 나는 그것을 고치고, menu을 100 %로 유지하고 싶다. (나는 calc를 사용할 수있다.) 왜 처음에는 문제가 되는가? 감사. #wrapper {
width: 500px;