영어에서 Flex items 을 사용하는 예와 한국어로 번역
{-}
-
Colloquial
-
Ecclesiastic
-
Ecclesiastic
-
Programming
-
Computer
Ordering flex items.
Flex item 순서 정하기.CSS Flexbox Guide: Mastering wrapping of flex items.
CSS Flexbox Guide: flex items 래핑 마스터하기.Ordering flex items.
Flex items 순서 정리.Some of the Flexbox properties apply to the container, others are applied to the flex items.
일부 Flexbox 속성은 컨테이너에 적용되고 다른 속성은 flex 항목에 적용됩니다.Controlling Ratios of flex items along the main axis.
주축을 따라 플렉스 항목의 비율 제어하기.Properties for the Children(flex items).
Properties for the Children (flex items) - 자식에 대한 속성.Properties for flex items(the children).
Properties for the Children (flex items) - 자식에 대한 속성.Flex items with higher specified order values will appear later in the display order than items with lower order values.
순위값이 높은 flex item들은 디스플레이 순서상 순위값이 낮은 항목들보다 나중에 나타납니다.Mastering wrapping of flex items.
플렉스 항목 래핑 마스터하기.By default, all flex items have an{{cssxref(“order”)}} value of 0.
기본값으로 모든 flex item들은 {{cssxref(“order”)}} 값이 0입니다.Mastering wrapping of flex items.
플렉스 항목의 래핑 마스터하기.The first two flex items have one unit each, so they each take 1/4 of the available space.
처음 두 개의 flex item은 각각 하나로 구분되어 사용 가능한 공간의 1/4을 차지합니다.Flexible sizing of flex items.
Flex item의 This value is proportionally shared among the flex items: giving each flex item a value of 400000 would have exactly the same effect.
그것은 비율이며, 각 flex item에 400000의 값을 부여하면 정확히 동일한 효과가 있음을 의미합니다.The<ul> element that is set to display: inline-flex creates an inline box containing some flex items.
Display: inline-flex로 설정된 <ul> 요소도 갖고 있는데, 이는 몇 가지 가변 항목 주변에 인라인 박스를 생성합니다.CSS Flexbox Guide:Controlling Ratios of flex items along the main axis.
CSS Flexbox Guide:주축을 따라 플렉스 항목의 비율 제어하기.This is a unitless proportion value that dictates how much available space along the main axis each flex item will take up compared to other flex items. .
이것은 각 flex item이 기본 축을 따라 남은 공간을 어느 정도나 점유할지를 결정하는 단위가 없는 비율 값입니다.Controlling Ratios of flex items along the main axis.
자세한 내용은 Controlling Ratios of Flex Items on the Main Axis에서 다룹니다.The direct children of a{{glossary(“Flex Container”)}}(elements with display: flex or display:inline-flex set on them) become flex items.
Glossary(“Flex Container”, “플렉스 컨테이너”)}}(display: flex 또는 display:inline-flex를 지정한 요소)의 바로 아래 자식은 플렉스 항목이 됩니다.You can also use flexbox features to align flex items along the main or cross axis.
또한 flexbox 기능을 사용하여 기본 축 또는 교차축을 따라 flex item을 정렬할수 있습니다.This is because the default values given to flex items(the children of the flex container) are set up to solve common problems such as this.
이렇게 된 까닭은 (flex container의 자식인) flex item에 주어진 기본값이 이와 같은 일반적인 문제를 해결하도록 설정되었기 때문입니다.The items being laid out as flexible boxes inside the flex container are called flex items(the elements in our example).
가변 컨테이너 내부에 가변 상자로 조판되는 항목을 일컬어 가변 항목 (flex items) 이라고 합니다(우리 예제에서 요소가 해당됩니다).Children of a flex container are called the flex items, and are laid out inside the flex container using the Flexbox properties.
Flexbox also has a feature for changing the layout order of flex items without affecting the source order.
Flexbox에는 소스 순서에 영향을 미치지 않고 flex item의 레이아웃 순서를 변경하는 기능도 있습니다.Let's now return to our first example and look at how we can control what proportion of space flex items take up compared to the other flex items. Fire up your local copy of flexbox0. html, or take a copy of flexbox1. html as a new starting point(see it live).
이제 첫 번째 예제로 복귀해서, 우리가 어떻게 flex item의 비율을 조절할 수 있는지 살펴봅시다. flexbox0. html사본을 브라우저 탭으로 열거나 flexbox1. html 사본을 새로운 출발점으로 삼으세요. (라이브 참조).If the parent doesn't have a fixed height in the cross axis direction, then all flex items will become as tall as the tallest flex item.
부모가 교차 축 방향으로 고정폭이 주어지지 않았다면 모든 flex item이 최장 항목만큼 길어집니다.The value is stretch, which stretches all flex items to fill the parent in the direction of the cross axis.
이 값은 교차축 방향으로 부모 요소를 채우기 위해 모든 flex item을 연장합니다.Any direct children of this box will become flex items and behave according to the Flexbox specification.
이 박스의 직계 자식은 가변 항목이 되고, 나중에 익히게 될 가변박스 규격에 명시된 규칙에 따라 배치됩니다.This basically states"Each flex item will first be given 200px of the available space.
이것은 기본적으로 "각 가변 항목은 먼저 사용 가능한 공간에서 200px를 부여받습니다.This basically states,“Each flex item will first be given 200px of the available space.
이것은 기본적으로 “각 flex item은 먼저 사용 가능한 공간에서 200px를 부여받습니다.
