Flexbox
-
행의 component 사이에서 동일한 높이를 축소하거나 강제하는 방법카테고리 없음 2020. 8. 8. 19:23
질문 저는 RN을 처음 접했습니다. 저는 해결 방법을 찾을 수없는 것 같은 이미지와 관련된 높이 우선 순위를 다루는 데 어려움을 겪고 있습니다. 기본적으로 Image의 높이가 행의 다음 뷰 ( styles.itemDetails 가있는 뷰)의 총 높이와 항상 같도록하고 싶습니다. 이미지는 항상 이미지 기본 높이로 커지며 aspectRatio 를 사용하면 resizeMode 속성을 무시하고 사용 가능한 공간까지 커지지 않습니다. component: {poi.name} {poi.conciseDescription} 스타일 : const styles = StyleSheet.create({ item: { marginTop: 8, marginHorizontal: 8, borderRadius: 8, background..
-
포장 할 때 container에 맞게 축소되는 자식 요소 만들기카테고리 없음 2020. 8. 8. 16:10
질문 나는 아래와 같은 경우에 flexbox가 어떻게 작동하는지 (작동한다고 가정합니까?…) 알아 내려고 노력하고 있습니다. .holder { width: 500px; background: lightgray; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .v2 { width: 320px; } .child { display: inline-block; border: 1px solid black; padding: 30px 0px; text-align: center; } At a glance After coverage ends Forms & documents At a glance After cove..
-
도형 주변의 DIVS카테고리 없음 2020. 8. 8. 14:49
질문 다른 요소 주위에 떠 다니는 요소가있는 CSS Grid에서 작업 해 왔지만 작동하지 않습니다. CSS Grid를 사용하여이 작업을 수행 할 수는 있지만 올바른 솔루션이라고 생각하지 않습니다. 모양 외부에 대해 읽었지만 텍스트 블록에서만 작동합니다. 누군가 전에 동일한 문제가 있었습니까? 누군가가 어떤 생각이 있으면 도움을 줄 수 있습니까? https://jsfiddle.net/rodboc/L03o6pyv/ 코드 snippet 표시 .circle { width: 5px; height: 5px; overflow: hidden; background: #ccc; border-radius: 50%; padding: 0; margin: 3px; display: flex; } .container { displa..