
Russian: 
Здравствуйте!
Меня зовут Нивеш.
Я специалист по Google Web Designer.
В этом видео я расскажу, как создавать
адаптивные макеты с помощью
процентных значений положения и размера.
Это пример документа,
в котором все значения положения
и размера заданы в пикселях.
Если открыть этот файл в браузере
и изменить окно просмотра,
макет не изменится.
Положение и размер элементов
остаются фиксированными.
Сейчас я изменю это, используя
макет с процентными соотношениями.
Чтобы основной контейнер страницы
увеличивался и уменьшался
в соответствии с изменением
размер экрана, нужно нажать
кнопку "По размеру области просмотра"
на панели свойств.

Portuguese: 
Olá!
Meu nome é Nivesh,
e sou desenvolvedor
do Google Web Designer.
Neste vídeo, você verá
como criar layouts fluidos
com unidades 
de base percentual para posição e tamanho.
Primeiro, veremos um documento de exemplo,
onde todos os elementos
usam pixels para posição e tamanho.
Na visualização do arquivo no navegador,
ajusto o tamanho da janela,
e você verá que o layout não é atualizado.
A posição e o tamanho se mantêm fixos.
Você pode alterar isso
com o layout de base percentual.
Se quiser expandir ou reduzir
o contêiner da página principal
para ajustá-la ao tamanho da tela,
no painel Propriedades, clique em 
"Corresponder à janela de visualização".

Turkish: 
Merhaba.
Benim adım Nivesh.
Google Web Designer'da
geliştiriciyim.
Bu videoda size konum ve boyut için
yüzdeye dayalı birimler kullanarak
akışkan düzenlerin nasıl
oluşturulacağını göstereceğim.
İlk olarak, tüm öğelerin
konum ve boyut için
piksel değerleri kullandığı
örnek bir dokümana bakalım.
Şimdi bu dosyayı tarayıcıda
önizleyip
tarayıcı penceresinin
boyutunu değiştirdiğimde,
düzenin güncellenmediğini
fark edeceksiniz.
Öğelerin konumu ve boyutu
sabit kalıyor.
Şimdi yüzdeye dayalı düzen kullanarak
bunu değiştirelim.
Ana sayfa kapsayıcısının,
ekran boyutuyla eşleşecek şekilde
büyüyüp küçülmesini isterseniz,
bunu Özellikler panelinde
Görünümü eşle düğmesini
tıklayarak yapabilirsiniz.

French: 
Bonjour,
Je m'appelle Nivesh
et je suis développeur
Google Web Designer.
Je vais vous montrer comment
créer des mises en page fluides
qui utilisent les pourcentages
pour la position et la taille.
Prenons un document dont tous les éléments
utilisent les pixels pour
leur position et leur taille.
Si j'affiche un aperçu
du fichier dans le navigateur
et que je redimensionne la fenêtre,
la mise en page n'est pas mise à jour.
La position et la taille sont fixes.
Utilisons une mise en page
basée sur les pourcentages.
Pour que le conteneur
de la page principale augmente
et diminue pour s'ajuster
à la taille de l'écran, cliquez sur
"Ajuster à la fenêtre d'affichage"
dans le panneau "Propriétés".

Polish: 
Cześć,
jestem Nivesh
z zespołu
Google Web Designera.
W tym filmie pokażę,
jak tworzyć układy płynne
z jednostkami procentowymi
ustawionymi dla położenia i rozmiaru.
Mam tu przykładowy dokument,
w którym położenie i rozmiar
wszystkich elementów podano w pikselach.
Gdy wyświetlę
podgląd w przeglądarce
i zmienię wielkość okna,
układ elementów
nie zmieni się.
Elementy mają
stałe położenie i rozmiary.
Zmienię to,
używając jednostek procentowych.
Aby kontener
na stronie głównej
dopasowywał się
do wielkości ekranu,
mogę w panelu Właściwości
kliknąć „Dopasuj do widocznego obszaru”.

Thai: 
สวัสดีครับ
ผมชื่อนิเวช
เป็นนักพัฒนาซอฟต์แวร์
ของ Google Web Designer
วันนี้ผมจะมาสาธิตวิธีสร้างการจัดวางแบบไหล
โดยใช้หน่วยแบบเปอร์เซ็นต์
สำหรับตำแหน่งและขนาด
ก่อนอื่นมาดูเอกสารตัวอย่าง
ที่องค์ประกอบทั้งหมด
ใช้หน่วยของตำแหน่งและขนาดเป็นพิกเซล
ถ้าผมพรีวิวไฟล์นี้ในเบราว์เซอร์
และปรับขนาดหน้าต่างเบราว์เซอร์
คุณจะเห็นว่าการจัดวางยังคงเหมือนเดิม
ตำแหน่งและขนาดขององค์ประกอบยังคงที่
ลองเปลี่ยนมาใช้การจัดวางแบบเปอร์เซ็นต์กัน
ถ้าต้องการให้คอนเทนเนอร์ในหน้าหลัก
ขยายและย่อตามขนาดหน้าจอ
ก็ทำได้โดยคลิกปุ่ม "ตรงกับวิวพอร์ต"
ในแผง "คุณสมบัติ"

Italian: 
Ciao
mi chiamo Nivesh
e sono uno sviluppatore
di Google Web Designer.
In questo video ti mostrerò come
creare layout flessibili utilizzando
le unità percentuali per
la posizione e le dimensioni.
Per iniziare, questo è
un documento di esempio
in cui tutti gli elementi utilizzano
i pixel per la posizione e le dimensioni.
Se visualizzo un'anteprima
di questo file nel browser e
ridimensiono la finestra del browser
noterai che il layout
non viene aggiornato.
Gli elementi posizione
e dimensioni restano fissi.
Possiamo utilizzare il layout
percentuale per cambiare le cose.
Se vuoi che il contenitore
della pagina principale si
adatti alle dimensioni dello schermo
fai clic sul pulsante Adatta
al viewport nel riquadro delle Proprietà.

Chinese: 
大家好
我叫Nivesh
是Google Web Designer团队的一名开发人员
在本视频中，我将介绍
如何以百分比为单位指定位置和大小
从而创建出流式布局
我们先来看一个示例文档
其中的所有元素
当前都采用像素来表示位置和大小
如果我在浏览器中预览此文件
并调整浏览器窗口的大小
则会发现布局没有更新
元素位置和大小保持不变
我们可以使用以百分比为单位的布局
来改变这种状况
如果您希望主页面容器
根据屏幕大小进行扩缩
则可以点击“属性”面板中的
“符合视口尺寸”按钮

English: 
NIVESH: Hi
My name is Nivesh
and I'm a
developer on Google Web Designer.
In this video I will show you how to create
fluid layouts by using percent-based
units for position and size.
First let's
take a look at a sample document where
all the elements currently use pixels
for their position and size.
Now if I preview this file in the browser
and I resize the browser window
you'll notice the layout does not update.
The elements
position and size stay fixed.
Let's change that by using percent-based
layout.
If you want the main page container
to grow and shrink to match
the screen size you can do so by
clicking on the Match viewport button in
the Properties panel.

Dutch: 
Hallo.
Mijn naam is Nivesh
en ik ben ontwikkelaar
voor Google Web Designer.
Ik deze video laat ik zien
hoe u vloeiende indelingen maakt
met procentueel gebaseerde eenheden
voor positie en formaat.
Laten we eerst
naar een voorbeelddocument kijken
waarin alle elementen
pixels gebruiken voor positie en formaat.
Als ik dit bestand
in de browser bekijk
en het vensterformaat aanpas,
ziet u dat de indeling niet meeschaalt.
De positie en grootte
van de elementen verandert niet.
Laten we dat aanpassen
met procentueel gebaseerde indeling.
Als u wilt dat de hoofdcontainer
groter en kleiner wordt
samen met het scherm,
klikt u op 'Aanpassen aan viewport'
in het venster 'Eigenschappen'.

Chinese: 
大家好，我是 Nivesh
Google Web Designer 的開發人員
這部影片會介紹如何
使用百分比單位指定位置和大小
以建立浮動版面配置
先看看這個文件範例
所有元素現在都是使用像素
指定位置和大小
如果在瀏覽器中預覽這個檔案
並調整瀏覽器視窗的大小
會發現版面配置不會隨之變動
元素的位置和大小都不會改變
我們用百分比版面配置來修改一下
如果要讓主要頁面容器
配合螢幕大小縮放
如果要讓主要頁面容器
配合螢幕大小縮放
請點選「屬性」面板的
[符合檢視點大小] 按鈕

Japanese: 
Google Web Designer
デベロッパーのニベーシです
この動画では パーセントベースの
可変レイアウトを作成する方法を説明します
こちらのサンプルドキュメントは
すべての要素の位置とサイズが
ピクセルで指定されています
プレビューしてブラウザの
サイズを変更しても
レイアウトは調整されません
要素の位置とサイズは固定です
パーセントベースの
レイアウトに変更してみましょう
メインページのコンテナを
画面サイズに合わせて調整するには
[ビューポートに合わせる]
ボタンをクリックします

Korean: 
NIVESH: 안녕하세요
저는 Google Web Designer
개발자인 Nivesh입니다
이번 동영상에서는 위치와 크기에
비율 기준 단위를 사용하여
유동 레이아웃을 만드는 방법을
설명하겠습니다
먼저 여기 샘플 문서는
현재 모든 요소가
위치와 크기 단위로 픽셀을 사용합니다
이 파일을 브라우저에서 미리보면서
브라우저 창 크기를 조절해도
그에 따라 레이아웃이 변경되지 않습니다
요소의 위치와 크기가 고정되어 있죠
이것을 비율 기준 레이아웃을
사용하여 바꾸겠습니다
메인 페이지의 컨테이너가
화면 크기에 맞춰 커지고
줄어들게 하려면
속성 패널의 일치 표시 영역 버튼을
클릭합니다

German: 
Hallo!
Mein Name ist Nivesh
und ich bin Entwickler
im Google Web Designer-Team.
In diesem Video zeige ich Ihnen,
wie Sie fließende Layouts
anhand von prozentbasierten Einheiten
für Position und Größe erstellen.
Sehen wir uns zuerst
ein Beispieldokument an,
bei dem Position und Größe aller Elemente
zurzeit in Pixel angegeben sind.
Wenn ich mir eine Vorschau
dieser Datei im Browser ansehe
und die Größe des Browserfensters ändere,
werden Sie feststellen,
dass das Layout nicht angepasst wird.
Position und Größe der Elemente
bleiben unverändert.
Das können wir mit
einem prozentbasierten Layout ändern.
Wenn sich der Container der Hauptseite
an die Bildschirmgröße anpassen soll,
klicken Sie im Steuerfeld "Eigenschaften"
auf "An Darstellungsbereich anpassen".

Spanish: 
NIVESH: Hola
me llamo Nivesh
y soy programador
de Google Web Designer.
Voy a explicar
cómo crear diseños fluidos
usando porcentajes
para indicar la posición y el tamaño.
Empezaré con un documento
en el que el tamaño y la posición
de todos los elementos
están especificados en píxeles.
Si ahora selecciono
la vista previa del archivo
en el navegador
y cambio el tamaño de la ventana
verás que el diseño no se actualiza.
La posición y el tamaño
de los elementos no cambian.
Voy a modificarlos
usando un diseño porcentual.
Si quieres que el contenedor
de la página principal
se amplíe o reduzca
en función del tamaño de la pantalla
haz clic en
Adaptar a viewport, en Propiedades.

French: 
La largeur et la hauteur des pages
est alors définie sur 100 %.
Maintenant la page
va s'ajuster à celle de l'écran.
Vous pouvez aussi modifier la largeur
et la hauteur supérieures gauche
de chaque élément.
Cliquons sur l'élément div jaune
et changeons sa largeur et sa hauteur
en cliquant sur
les commandes correspondantes
et en sélectionnant "%".
Vous pouvez sélectionner
plusieurs éléments
et définir leur position et taille sur "%".
Sélectionnons les 3 éléments en bas
et définissons leur largeur et hauteur
supérieures gauche sur "%".
La largeur et la hauteur de chaque élément
utilisent désormais les pourcentages.
Parfois, vous voulez que la largeur
et la hauteur d'un élément restent fixes,
mais que sa position
s'adapte à l'écran.

Japanese: 
これでページの幅と高さが
100%に設定され
画面サイズに合わせて
ページが伸縮するようになります
要素ごとに左位置、上位置、幅、高さを
変えることもできます
黄色のdivをクリックして
単位のセクションで
左位置、上位置、幅、高さの単位を
パーセントに変更します
複数の要素を選択し
位置やサイズを
パーセント単位にすることもできます
下の3つの要素を選択し
単位を[%]に変更します
これで各要素の左位置と上位置、
幅と高さをパーセントに変更できました
状況によっては
要素の幅と高さは固定したまま
画面サイズに合わせて
位置だけ変えたい場合もあります

Spanish: 
Así, la anchura y altura
de las páginas se define como 100 %.
Ahora, la página se ampliará o reducirá
para adaptarse al tamaño de la pantalla.
Puedes cambiar los valores
izquierda, en alto, anchura y altura
de un elemento por separado.
Voy a hacer clic
en este div amarillo
y cambiar los valores
izquierda, en alto, anchura y altura
haciendo clic en
la sección de los controles de la unidad
para pasar a usar porcentajes.
También puedes
seleccionar varios elementos
y cambiar su posición
y tamaño a porcentajes.
Ahora selecciono
estos tres elementos de aquí abajo
y cambio izquierda,
en alto, anchura y altura a %.
Así, las dimensiones
de cada uno también están en porcentajes.
A veces, quieres que
la altura y anchura
de un elemento sean fijos
pero que su posición se adapte
en función del tamaño de la pantalla.

Russian: 
Для ширины и высоты
будут заданы значения 100 %.
Теперь страница будет подстраиваться
под изменение размера экрана.
Также можно изменить положение и размер
отдельных элементов.
Выбираю желтый элемент div
и изменяю единицы измерения
для положения слева и сверху,
а также для ширины и высоты
на проценты.
Можно выбрать несколько элементов
и изменить единицы измерения
для их положения и размера на проценты.
Выбираю три нижних элемента
и переключаю положение слева и сверху,
а также ширину и высоту на проценты.
Проверяю.
Соответствующие значения
для каждого элемента
отображаются в процентах.
Иногда нужно,
чтобы размер элемента не изменялся,
а положение подстраивалось
под изменение экрана.

Korean: 
그러면 페이지의 폭과 높이가
100%로 설정됩니다
이제 페이지가 화면 크기에 맞춰
커지고 줄어듭니다
또한 개별 요소의 왼쪽 상단 폭과
높이도 변경할 수 있습니다
이 노란색 div를 클릭한 다음
관리의 단위 섹션을 클릭해
비율을 사용하도록 전환해서
왼쪽 상단 폭과 높이를
변경할 겁니다
여러 요소를 선택하여
모두 위치와 크기에
비율을 사용하도록
변경할 수도 있습니다
아래의 요소 세 개를 클릭하고
왼쪽 상단 폭과 높이가
비율을 사용하도록 전환합니다
각 요소의 왼쪽 상단 폭과 높이가 
비율을 사용하도록 설정된 게 보이시죠?
요소의 폭과 높이는
고정한 채
화면 크기가 변경되면
위치가 업데이트되기를
원할 수도 있습니다

Portuguese: 
Isso definirá a largura
e a altura das páginas para 100%.
A página será expandida e reduzida
para se ajustar ao tamanho da tela.
Altere também a largura
e a altura da parte superior esquerda
de elementos individuais.
Selecionarei o div amarelo aqui
e alterarei a largura e a altura
da parte superior esquerda dele.
Clico na seção da unidade dos controles
e troco para usar porcentagem.
Você também pode
selecionar vários elementos
e alterar a posição
e os tamanhos deles usando %.
Agora, selecione
estes três elementos abaixo
e altere a largura
e altura da parte superior deles para %.
Veja que individualmente,
a % também é aplicada a essas medidas.
Talvez você queria
que a altura e a largura
dos elementos sejam fixas,
mas que a posição seja atualizada
com o tamanho da tela.

German: 
Dadurch wird die Breite und Höhe
der Seite auf 100 % festgelegt.
Jetzt wird die Seite
je nach Bildschirmgröße
kleiner oder größer.
Sie können auch die Werte
"Links", "Oben", "Breite" und "Höhe"
einzelner Elemente ändern.
Ich klicke hier auf das gelbe div-Element
und ändere die Einstellung für
"Links", "Oben", "Breite" und "Höhe".
Dazu klicke ich
auf den Bereich für die Einheit
und wähle "%" aus.
Sie können auch mehrere Elemente auswählen
und ihre Position und Größe zu "%" ändern.
Jetzt wähle ich
diese drei Elemente unten aus
und lege für "Links", "Oben", "Breite"
und "Höhe" die Einheit "%" fest.
Sie sehen, dass für
"Links", "Oben", "Breite" und "Höhe"
jeweils "%" verwendet wird.
Angenommen, Sie möchten die Breite
und Höhe eines Elements beibehalten,
die Position soll jedoch
bei Ändern
der Bildschirmgröße angepasst werden.

Turkish: 
Bu işlem sayfaların genişliğini ve
yüksekliğini %100 olarak ayarlar.
Sayfa artık ekran boyutuyla
eşleşecek şekilde
büyüyüp küçülecektir.
Ayrıca ayrı ayrı öğelerin sol üst
genişliğini
ve yüksekliğini değiştirebilirsiniz.
Buradaki sarı div öğesini tıklayacağım
ve sol üst genişlik ile yüksekliğini
değiştireceğim. Bunun için birimin
kontroller bölümünü tıklayıp
% kullanımına geçiyorum.
Ayrıca birden fazla öğe seçerek
bunların konumlarını ve
boyutlarını % kullanacak şekilde
değiştirebilirsiniz.
Şimdi aşağıdaki bu üç öğeyi seçiyorum
ve sol üst genişlik ve yüksekliklerini
% kullanacak şekilde ayarlıyorum.
Şimdi ayrı ayrı bu öğelerin
sol üst genişlik
ve yüksekliklerinin de % kullandığını
görebilirsiniz.
Bazen bir öğenin genişliğinin ve
yüksekliğinin sabit kalmasını,
ancak ekran boyutu değiştikçe
konumunun güncellenmesini
isteyebilirsiniz.

English: 
This will set the page's width and height to 100%.
And now the page will grow and shrink
to match the screen size.
You can also change the
left top width and height
of individual elements.
I'm going to click the yellow
div here
and I'm going to change its left top width and height
by clicking on the unit's section of the controls
and switching to use %.
You can also select
multiple elements
and change all their position and sizes to use %
Now select these three elements down below
and switch their left top width and height to use %.
And now you can see their individual
left top width and height are also using %.
Sometimes you may want
an element's width and height to remain
fixed
but have its position update as
the screen size changes.

Chinese: 
这样做会将页面宽度和高度设为100%
现在，该页面会根据屏幕大小
进行扩缩
您还可以更改各个元素的
左侧值、顶部值、宽度值和高度值
点击这里的黄色div
我要更改其左侧值、顶部值、宽度值和高度值
方法是点击控件的单位部分
并改为使用%
您还可以选择多个元素
将它们的位置和大小全都改为使用%
接下来我们就选择下方的这3个元素
将它们的左侧值、顶部值、
宽度值和高度值都改为使用%
现在可以看到各个元素的
左侧值、顶部值、宽度值和高度值也都使用%了
有时，您可能希望
某个元素的宽度和高度保持固定不变
但位置根据则
屏幕大小的变化而更新

Italian: 
Questo imposterà
l'altezza e la larghezza al 100%.
Ora le dimensioni della pagina
si adatteranno a quelle dello schermo.
Puoi anche modificare i valori
sinistra, in alto, larghezza e altezza
di ogni singolo elemento.
Faccio clic sul div giallo, qui
e modifico i valori
sinistra, in alto, larghezza e altezza
facendo clic sulla sezione
delle unità dei controlli e
passo a utilizzare le percentuali.
Puoi anche selezionare più elementi
e modificare tutte le loro posizioni e
dimensioni per utilizzare le percentuali.
Seleziono questi tre elementi qui sotto
e modifico sinistra, in alto, larghezza
e altezza per utilizzare le percentuali.
Come vedi, ora i singoli valori
sinistra, in alto, larghezza e
altezza utilizzano le percentuali.
Potresti volere che la
larghezza e l'altezza
di un elemento restino fisse
ma che la sua posizione si aggiorni quando
le dimensioni dello schermo cambiano.

Chinese: 
這會將頁面寬度及高度設為 100%
這樣頁面就會隨著螢幕大小縮放
這樣頁面就會隨著螢幕大小縮放
你也可以變更個別元素的
左側、頂端和寬高
你也可以變更個別元素的
左側、頂端和寬高
我先按一下黃色的 div
然後變更它的左側、頂端和寬高
做法是按一下單位的控制項部分
改為使用 %
你也可以一次選取多個元素
然後把所有位置和大小都改為使用 %
先選取下面這三個元素
再把它們的左側、頂端和寬高改為使用 %
就會看到每個元素的
左側、頂端和寬高都變成使用 %
就會看到每個元素的
左側、頂端和寬高都變成使用 %
有時你可能希望元素的寬高維持不變
有時你可能希望元素的寬高維持不變
但位置隨著螢幕大小而改變
但位置隨著螢幕大小而改變

Thai: 
ซึ่งจะกำหนดความกว้าง
และความสูงของหน้าเป็น 100%
ทีนี้หน้าก็จะขยายและย่อ
ให้ตรงกับขนาดหน้าจอ
คุณยังเปลี่ยนหน่วย "ซ้าย" "บน"
"กว้าง" และ "สูง"
ขององค์ประกอบแต่ละรายการได้ด้วย
ผมจะคลิก div สีเหลืองตรงนี้
และจะเปลี่ยนหน่วย "ซ้าย" "บน"
"กว้าง" และ "สูง"
โดยคลิกส่วนควบคุมของหน่วย
แล้วเปลี่ยนไปใช้ %
คุณจะเลือกองค์ประกอบหลายรายการ
แล้วเปลี่ยนตำแหน่ง
และขนาดทั้งหมดให้เป็นหน่วย % ก็ได้
ทีนี้เลือกองค์ประกอบ 3 รายการด้านล่าง
แล้วเปลี่ยนหน่วย "ซ้าย" "บน"
"กว้าง" และ "สูง" ให้เป็น %
คุณจะเห็นว่า "ซ้าย" "บน"
"กว้าง" และ "สูง" ขององค์ประกอบ
แต่ละรายการเป็นหน่วย % แล้ว
บางครั้งคุณอาจอยากให้ความกว้างและความสูง
ขององค์ประกอบคงที่
แต่เปลี่ยนตำแหน่ง
ไปตามขนาดหน้าจอที่เปลี่ยนไป

Dutch: 
De paginabreedte en -hoogte
worden ingesteld op 100%.
De pagina wordt nu groter en kleiner
in verhouding tot het scherm.
U kunt ook de breedte
en hoogte van de linkerbovenpositie
van afzonderlijke elementen aanpassen.
Ik klik hier op de gele div
en wijzig de breedte en hoogte
van de linkerbovenpositie
door op het gedeelte 'Eenheid' te klikken
en '%' te selecteren.
U kunt ook meerdere elementen selecteren
en de positie en formaten wijzigen
in het gebruik van '%'.
Selecteer deze drie elementen onderaan
en stel de breedte en hoogte
van de linkerbovenpositie in op '%'.
U ziet dat de afzonderlijke
breedte en hoogte
van de linkerbovenpositie
ook '%' gebruiken.
Soms wilt u
dat de breedte en hoogte
van een element behouden blijven,
maar de positie laten updaten
als de schermgrootte verandert.

Polish: 
Szerokość i wysokość strony
będzie wtedy ustawiona na 100%.
Teraz strona
będzie powiększać się i zmniejszać
w zależności
od wielkości ekranu.
Mogę też zmienić
położenie od lewej i od góry
dla poszczególnych elementów.
Kliknę tego żółtego diva
i zmienię położenie od lewej i od góry
oraz szerokość i wysokość,
wybierając w polu jednostki
wartości procentowe.
Mogę też zaznaczyć
wiele elementów naraz,
by zmienić ich położenie i rozmiary
na jednostki procentowe.
Zaznaczę teraz
te trzy elementy na dole
i zmienię ich położenie od lewej i od góry
oraz szerokość i wysokość na procenty.
Teraz widać,
że położenie i rozmiar każdego elementu
też ma wartości procentowe.
Czasem chcemy,
by element miał
stałą szerokość i wysokość,
ale zmieniał położenie
w zależności od wielkości ekranu.

Dutch: 
Ik ga de linker- en bovenpositie
van dit logo-element wijzigen
om '%' te gebruiken,
maar ik laat de breedte en hoogte
staan op pixels.
Laten we dit in de browser bekijken.
U zag dat toen ik
het browserformaat aanpaste,
de elementen meeschaalden met de viewport.
Een makkelijke manier
om vloeiende indelingen te maken,
is de optie 'Vloeiende indeling'
te gebruiken
in de optiebalk
van het gereedschap Selectie.
Ik ga nu naar een ander bestand
zonder procentueel gebaseerde indeling
voor deze onderste drie elementen.
Deze gebruiken nog steeds pixels.
Ik laat u het verschil zien
wanneer de optie 'Vloeiende indeling'
wel en niet is aangevinkt.
Ik verwijder het vinkje nu.

Polish: 
Zmienię więc położenie tego logo
od lewej i od góry na procenty,
ale zachowam
szerokość i wysokość w pikselach.
Zobaczmy podgląd w przeglądarce.
Jak było widać,
elementy dopasowywały się
do widocznego obszaru.
Takie układy
można łatwo tworzyć,
zaznaczając pole
„Układ płynny”
na pasku
Narzędzia do zaznaczania.
Otworzę teraz inny plik,
w którym nie ustawiono
jednostek procentowych
dla tych trzech
elementów na dole.
Widać, że są tu
nadal ustawione piksele.
Pokażę różnicę między
włączoną a wyłączoną
opcją „Układ płynny”.
Tutaj ją wyłączę.

Spanish: 
Así que cambio
las dimensiones izquierda y en alto
del logotipo de
este elemento para usar %
y dejaré el alto y el ancho en píxeles.
Ahora, voy a mostrar
la vista previa en el navegador.
Como he cambiado
el tamaño del navegador
los elementos fluyen con el viewport.
Para crear diseños fluidos fácilmente
puedes usar la opción Diseño fluido
de la barra de opciones
de la herramienta Selección.
Si cambio a un archivo en el que
el diseño de estos tres elementos
que aparecen aquí abajo
no está basado en porcentajes
estos campos
siguen estando en píxeles.
Ahora vamos a ver
la diferencia al marcar y desmarcar
la opción Diseño fluido.
En este caso, la voy a desmarcar.

Korean: 
이번에는 로고 요소의
왼쪽과 상단이
비율을 사용하도록 변경하면서
폭과 높이는 계속
픽셀을 사용하게 두겠습니다
이걸 브라우저에서 미리보기 해보죠
브라우저 크기를 조정하자
요소가 표시 영역을 따라 유동하는 걸
보셨을 겁니다
이렇게 유동하는 레이아웃은
선택 툴 옵션 막대에 있는
유동 레이아웃 옵션을 사용하면
쉽게 만들 수 있습니다
이제 아래의 세 개 요소를
비율 기반 레이아웃이 없는 파일로
전환해 보겠습니다
여전히 픽셀을
사용 중인 것이 보이시죠?
이제 유동 레이아웃 옵션을
선택한 경우와 아닌 경우의
차이를 보여드리겠습니다
먼저 선택을 해제할게요

Chinese: 
我打算将此徽标元素的
左侧值和顶部值改为使用%
但宽度值和高度值仍然使用像素
现在，在浏览器中进行预览
可以看到，当我调整浏览器的大小时
这些元素会随着视口一起变化
要创建这样的流式布局
一个简单的方法是使用“流式布局”选项
该选项位于选择工具的选项栏中
我切换到另一个文件
该文件没有为底部的这3个元素
设置以百分比为单位的布局
这里可以看到，这些元素仍然使用像素为单位
下面我来展示选中“流式布局”选项
与不选中此选项的区别
现在，我取消选中此选项

Turkish: 
Bunun için bu logo öğesinin
solunu ve üstünü
% kullanacak
şekilde ayarlıyorum
ama genişliğini ve yüksekliğini
piksel kullanacak şekilde bırakıyorum.
Şimdi bunu tarayıcıda önizleyelim.
Tarayıcının boyutunu değiştirdiğimde
öğelerin görüntü alanıyla
birlikte hareket ettiğini
fark edebilirsiniz.
Bu tür akıcı düzenleri oluşturmanın
kolay bir yolu da, seçenekler
çubuğunun seçim araçlarında
akış düzeni seçeneğini kullanmaktır.
Başka bir dosyaya geçiyorum.
Burada alttaki bu üç öğe için
yüzdeye dayalı düzen
ayarlanmış değil.
Burada, bunların hâlâ
piksel kullandığını görüyorum.
Şimdi size akış düzeni seçeneğinin
işaretli olup olmamasının yaratacağı
farkı göstereceğim.
Şimdi bu seçeneğin işaretini kaldırıyorum.

Italian: 
Modifico i valori sinistra
e in alto dell'elemento Logo
in modo che utilizzino le percentuali
ma lascio che la larghezza
e l'altezza utilizzino i pixel.
Guardiamo un'anteprima nel browser.
Come hai visto, ho
ridimensionato il browser e
gli elementi ora scorrono con la viewport.
Un modo semplice per
creare questi layout flessibili
consiste nell'utilizzare
l'apposita opzione
nella barra delle opzioni
degli strumenti di selezione.
Passo a un altro
file in cui non c'è un layout percentuale
impostato per questi tre elementi
quindi questi elementi
utilizzano ancora i pixel.
Ora ti mostro la differenza se il layout
flessibile è selezionato o meno
in questo caso lo deseleziono.

English: 
So I'm going to change this logo element's
left and top to use %
but I'm going to leave its
width and height to use pixels.
Now let's preview this in the browser.
You notice as I resized the browser
the elements were flowing with the viewport.
An easy way to create such
fluid layouts
is to use the fluid layout option
in the selection tools
options bar.
When I switch to another
file that does not have percent-based
layout
set for these bottom three elements.
So when I go here these are
still using pixels.
Now I'll show you the difference on
when the fluid layout
option is checked and unchecked
in this case I will uncheck it.

French: 
Définissons les positions
gauche et supérieure
de ce logo sur "%".
Sa largeur et hauteur
continuent d'utiliser les pixels.
Affichons un aperçu dans le navigateur.
Les éléments
sont redimensionnés en fonction
de la taille de la fenêtre d'affichage.
Pour créer facilement
des mises en page fluides,
sélectionnez "Mise en page fluide"
dans la barre d'options
de l'outil de sélection.
Utilisons un autre fichier
dont la mise en page
des 3 éléments n'utilise pas l'option "%", 
mais les pixels.
Voyons la différence si l'option 
"Mise en page fluide"
est sélectionnée ou non.
Décochons cette case.

Chinese: 
例如我把這個標誌元素的
左側和頂端改為使用 %
例如我把這個標誌元素的
左側和頂端改為使用 %
但寬高依然使用像素
然後在瀏覽器中進行預覽
剛才調整瀏覽器大小時
可以看到元素會隨著檢視點調整位置
建立浮動版面配置的一個簡單方法
是使用選擇工具選項列的
浮動版面配置選項
是使用選擇工具選項列的
浮動版面配置選項
我要切換至另一個檔案
其中底下三個元素的版面配置
不是使用指定百分比
可以看到這裡還是使用像素
現在我來示範一下 [浮動版面配置] 選項
有無勾選的差異
現在我來示範一下 [浮動版面配置] 選項
勾選前後的差異
我先取消勾選這個選項

Japanese: 
このロゴ要素を選択し
左位置と上位置は[%]に変更しますが
幅と高さはピクセルのままにします
ブラウザでプレビューしてみましょう
ブラウザのサイズを変えると
ビューポートに合わせて要素が調整されます
可変レイアウトを簡単に作成するには
選択ツールオプションバーの
可変レイアウトオプションを利用できます
別のファイルで見てみましょう
下の3つの要素はパーセントベースの
レイアウトになっておらず
単位がピクセルになっています
可変レイアウトオプションが
オンとオフの場合を比較してみましょう
まずオフにします

Thai: 
ผมจะเปลี่ยน "ซ้าย" และ "บน" 
ขององค์ประกอบโลโก้นี้
ให้เป็นหน่วย %
แต่จะให้ "กว้าง" และ "สูง"
เป็นหน่วยพิกเซลเหมือนเดิม
มาพรีวิวในเบราว์เซอร์กัน
จะเห็นว่าเมื่อผมปรับขนาดเบราว์เซอร์
องค์ประกอบจะปรับไปตามวิวพอร์ต
วิธีง่ายๆ ในการสร้างการจัดวางแบบไหลคือ
การใช้ตัวเลือกการจัดวางแบบไหล
ในแถบตัวเลือกของเครื่องมือเลือก
เมื่อผมสลับไปที่อีกไฟล์หนึ่ง
ซึ่งไม่ได้กำหนดองค์ประกอบ 3 รายการด้านล่าง
ให้เป็นการจัดวางแบบเปอร์เซ็นต์
พอคลิกที่นี่จะเห็นว่า
ยังใช้หน่วยพิกเซลอยู่
ทีนี้ผมจะสาธิตให้เห็นความแตกต่างระหว่าง
การใช้และไม่ใช้ตัวเลือกการจัดวางแบบไหล
ในกรณีนี้ผมจะยกเลิกการเลือกตัวเลือกนี้

German: 
Dazu ändere ich die Einheit
dieses Logoelements
für "Links" und "Oben" zu "%",
behalte für die Breite und Höhe
jedoch Pixel als Einheit bei.
Sehen wir uns das jetzt im Browser an.
Als ich die Größe
des Browserfensters geändert habe,
haben sich die Elemente mitbewegt.
Solche fließenden Layouts
lassen sich ganz einfach
mit der Option
"Fließendes Layout" erstellen,
die Sie in der Leiste
mit den Auswahltools finden.
Zum Vergleich nehme ich eine andere Datei,
bei der für diese drei Elemente unten
kein prozentbasiertes Layout
festgelegt ist.
Hier werden immer noch
Pixel als Einheit verwendet.
Jetzt zeige ich Ihnen, was passiert,
wenn ich die Option "Fließendes Layout"
aktiviere oder deaktiviere.
In diesem Fall entferne ich das Häkchen.

Russian: 
Для этого логотипа изменяю
единицы измерения
положения слева и сверху на проценты,
а ширину и высоту оставляю в пикселях.
Проверяю в браузере.
Как видите, при изменении
размера окна браузера
элементы тоже изменяются.
Самый просто способ создать такой макет –
использовать функцию "Резиновый макет"
на панели настроек инструмента выделения.
Я перехожу к другому файлу,
в котором для трех нижних элементов
не используется процентное соотношение.
Все значения указаны в пикселях.
Сейчас я покажу, как выглядят макеты
с включенной и отключенной
функцией "Резиновый макет".
Для начала отключу ее.

Portuguese: 
Para isso, aplicarei % no logo à esquerda
e ao topo do elemento,
mas definirei pixels
para a altura e a largura dele.
Vejamos a visualização no navegador.
Você verá que, com o ajuste do navegador,
os elementos seguem
a janela de visualização.
Crie layouts fluidos facilmente
usando a opção "Layout fluido"
na barra de seleção
das opções de ferramentas.
Outro arquivo
não terá o layout de base percentual
definido
para esses três elementos inferiores.
Por isso, os itens aqui ainda usam pixels.
Veremos agora a diferença
de desativar
ou ativar a opção "Layout fluido".
Neste caso, vou desativar.

French: 
Sélectionnons ces 3 éléments
et centrons-les verticalement
par rapport à leur conteneur parent
et espaçons-les
uniformément à l'horizontale
par rapport au conteneur.
Affichons l'aperçu.
Vous remarquez que les éléments
ne s'ajustent pas
en fonction de la taille de la fenêtre.
Ils gardent leur alignement.
Ainsi, si l’option "Mise en page fluide"
est décochée,
la position
et la taille des éléments
restent les mêmes.
Cochons maintenant cette case.
Appliquons de nouveau les paramètres
d'alignement et d'espacement.
Affichons l'aperçu dans le navigateur.
Avec la mise en page fluide,
et l'alignement basé sur le pourcentage,
les éléments restent

Russian: 
Выбираю эти три элемента,
задаю для них вертикальное выравнивание
по центру родительского контейнера
и равные интервалы по горизонтали
в рамках родительского контейнера.
Проверяю.
Как видите,
элементы не подстраиваются
под изменение окна браузера.
Для них сохраняются
последние настройки выравнивания.
Так происходит потому,
что с выключенной
функцией "Резиновый макет"
выравнивание применяется
как единоразовое изменение
положения и размера.
Теперь я включаю
функцию "Резиновый макет",
повторно применяю выравнивание –
по вертикали и интервалы по горизонтали –
и просматриваю в браузере.
Включив резиновый макет,
я создал выравнивание
по процентному соотношению,
при котором элементы выравниваются

Chinese: 
选择这3个元素
使它们与其父容器垂直居中对齐
并使它们与父容器
水平均匀分隔开来
现在来预览一下
您会发现
当我调整浏览器窗口的大小时
这些元素没有随之进行调整
而是留在我之前对齐的位置
原因在于
如果不选中“流式布局”选项
对齐操作就是
一次性地调整位置和大小
但如果选中“流式布局”选项
并再次重新应用对齐设置
即垂直居中对齐并水平分隔
然后再在浏览器中预览
选中“流式布局”选项
相当于按比例调整
当容器大小发生变化时

Portuguese: 
Selecione os três elementos,
os centralize verticalmente
com o contêiner pai
e mantenha um espaço horizontal uniforme
em relação ao contêiner pai.
Esta é a visualização.
Veja que os elementos
não se ajustam
ao novo tamanho da janela do navegador.
Eles permanecem
onde foram alinhados pela última vez.
Isso acontece porque,
sem a opção "Layout fluido" ativada,
o alinhamento é feito
como um ajuste único de posição e tamanho.
Vou clicar nessa opção de layout,
reaplicar as configurações
de centralização vertical
e espaçamento horizontal
e visualizar no navegador.
Ao ativar a opção "Layout fluido",
criamos uma disposição de base percentual
que mantém os elementos alinhados

English: 
I'm going to select the three elements
and align them vertically center with their parent container
and space evenly apart horizontally
with their parent container.
Now I'm going to preview.
As you'll notice
the elements don't adjust
as I resize the browser window
they remain where I last aligned them
And that's because
without the fluid layout option checked
the alignment is done as
a one-time position and size adjustment
but if I click the fluid layout option
and I reapplied the align settings again
align vertical center and space
horizontally
and now I preview in browser.
By checking the fluid layout option
we created a percent-based alignment
that keeps the elements relatively aligned

Japanese: 
3つの要素を選択し
親コンテナの縦方向の
中央に位置揃えします
横方向は 親コンテナに合わせて
等間隔に配置しましょう
ではプレビューします
ご覧の通りブラウザのサイズを変えても
3つの要素は調整されません
先ほど設定した位置のままです
こうなってしまうのは
可変レイアウトをオフにすると
位置やサイズの設定が1回限りとなり
調整されないからです
可変レイアウトをオンにして
もう一度設定してみましょう
縦を中央揃え
横を等間隔にします
プレビューします
可変レイアウトをオンにすると
パーセントベースでの位置揃えとなり

Polish: 
Zaznaczam trzy elementy.
Wyrównuję je pionowo
względem kontenera nadrzędnego.
Rozmieszczam je też w poziomie
względem kontenera nadrzędnego.
Zobaczmy podgląd.
Jak widać,
elementy nie zmieniają położenia,
gdy zmieniam wielkość
okna przeglądarki.
Wyświetlają się
w tym samym miejscu.
Wynika to z tego,
że po wyłączeniu
układu płynnego
położenie i rozmiar
zostają takie same
raz na zawsze.
Teraz włączę jednak układ płynny,
ponownie wyrównam elementy
na środku w pionie
i rozmieszczę je w poziomie.
Otworzę podgląd.
Po zaznaczeniu
opcji „Układ płynny”
uzyskam
procentowe wyrównanie,
dzięki któremu elementy
będą wyrównane

Turkish: 
Üç öğeyi seçiyorum ve bunları
üst kapsayıcılarıyla dikey olarak
ortalanacak şekilde hizalıyorum
ve üst kapsayıcıyla yatay boşlukları
eşit olacak şekilde ayarlıyorum.
Şimdi önizleyeceğim.
Sizin de gördüğünüz gibi
tarayıcı penceresinin boyutunu
değiştirdiğimde öğeler düzeni
değişmiyor
ve hizalandıkları şekilde kalıyorlar.
Çünkü akış düzeni seçeneği
işaretlenmediğinde
hizalama işlemi yalnızca
bir kerelik konum ve boyut
ayarlaması olarak yapılıyor.
Ancak akış düzeni seçeneğini tıklayıp
düzenleme ayarlarını
dikey orta ve yatay boşluk
olarak tekrar uygulayıp
tarayıcıda önizliyorum.
Akış düzeni seçeneğini işaretleyerek
yüzdeye dayalı hizalama oluşturduk.
Bu şekilde, kapsayıcının
boyutu değiştiğinde

Korean: 
세 개의 요소를 선택하고
상위 상자에 수직 방향으로
중앙 정렬합니다
그리고 상위 상자에
수평 방향으로 간격을
균일하게 둡니다
미리보기 해보면
브라우저 창 크기를 조절해도
요소가 조정되지 않고
마지막으로 정렬한 상태를 유지하는 것을
확인할 수 있습니다
그 이유는 바로
유동 레이아웃 옵션을 선택하지 않으면
위치와 크기를 한 번만 조정해도
정렬이 완료되기 때문입니다
이번에는 유동 레이아웃 옵션을 클릭하고
수직으로 중앙 정렬한 다음
수평 공간을 맞추는
정렬 설정을 다시 적용하고
브라우저에서 미리보기를 해보겠습니다
유동 레이아웃 옵션을 선택하면
각 요소 간의 상대적 정렬을 유지하고

Dutch: 
Ik selecteer deze drie elementen
en lijn ze verticaal gecentreerd uit
ten opzichte van de hoofdcontainer
en zet ze horizontaal
op gelijke afstand
ten opzichte van de hoofdcontainer.
Ik bekijk nu een voorbeeld.
U ziet nu
dat de elementen niet meeschalen
als ik het browservenster aanpas.
Ze blijven staan
waar ik ze heb uitgelijnd.
Dat komt
omdat als de optie
'Vloeiende indeling' niet is aangevinkt,
de uitlijning wordt uitgevoerd
als een eenmalige aanpassing
van positie en grootte.
Als ik de optie 'Vloeiende indeling' aanvink
en de uitlijningsinstellingen
opnieuw toepas,
dan lijn ik verticaal in het midden uit
en verdeel ik ze horizontaal.
Ik bekijk het nu in de browser.
Met de optie 'Vloeiende indeling'
maken we
een procentueel gebaseerde uitlijning
waarmee de elementen
relatief uitgelijnd blijven

German: 
Ich wähle die drei Elemente aus
und wähle die Option
"Ausrichten: vertikal zentriert"
und "Abstand: horizontal",
jeweils bezogen
auf den übergeordneten Container.
Jetzt klicke ich auf "Vorschau".
Wie Sie sehen,
bewegen sich die Elemente nicht mit,
wenn ich die Größe
des Browserfensters ändere.
Sie bleiben dort,
wo ich sie zuletzt positioniert habe.
Das liegt daran,
dass die Option
"Fließendes Layout" deaktiviert ist
und die Ausrichtung deshalb
in Form einer einmaligen Anpassung
der Position und Größe erfolgt.
Wenn ich aber die Option
"Fließendes Layout" anklicke
und die Einstellungen
für die Ausrichtung noch einmal anwende,
also "Ausrichten: vertikal zentriert"
und "Abstand: horizontal",
sieht man den Unterschied in der Vorschau.
Mit der Option "Fließendes Layout"
haben wir
eine prozentbasierte Ausrichtung,
bei der die Elemente relativ zueinander

Chinese: 
然後選取這三個元素
將它們與上層容器垂直置中對齊
並保持相同水平間距
並保持相同水平間距
再來預覽一下
大家可以看到
我調整瀏覽器視窗大小時
元素不會隨之移動
而會停留在之前對齊的位置
這是因為我們
沒有勾選 [浮動版面配置] 選項
這是因為我們
沒有勾選 [浮動版面配置] 選項
所以對齊設定只是單次的位置和大小調整
所以對齊設定只是單次的位置和大小調整
但如果我點選了 [浮動版面配置] 選項
並重新套用對齊設定
再次垂直置中對齊和保持相同水平間距
然後在瀏覽器中預覽
勾選 [浮動版面配置] 選項後
便建立了使用百分比的對齊方式
可在容器變換大小時

Spanish: 
Selecciono los tres elementos
los centro verticalmente
alineados con el contenedor principal
y los separo
a la misma distancia en horizontal
alineados con el contenedor principal.
Ahora selecciono la vista previa.
Como verás
los elementos no se adaptan
cuando cambio el tamaño 
de la ventana del navegador
mantienen la alineación 
que he configurado antes.
Esto sucede porque
si la opción Diseño fluido
no está marcada
la alineación
de la posición y del tamaño
se ajusta una sola vez
pero si marco la opción Diseño fluido
vuelvo a aplicar las opciones
de configuración de alineación
Alinear: centro vertical
y Separar: horizontalmente
y selecciono la vista previa
en el navegador, entonces se adaptan.
Al marcar la opción Diseño fluido
he creado una alineación 
basada en porcentajes
que mantiene los elementos
relativamente alineados entre sí

Thai: 
แล้วเลือกองค์ประกอบ 3 รายการ
จัดเรียงให้อยู่ตรงกลางในแนวตั้ง
กับคอนเทนเนอร์หลัก
และวางให้ห่างเท่าๆ กันในแนวนอน
กับคอนเทนเนอร์หลัก
มาพรีวิวกัน
คุณจะเห็นว่า
องค์ประกอบไม่ปรับเปลี่ยน
ไปตามหน้าต่างเบราว์เซอร์ที่ผมปรับขนาด
แต่ยังคงอยู่กับที่ที่ผมวางไว้ล่าสุด
และนั่นก็เพราะ
ถ้าไม่ได้เลือกตัวเลือกการจัดวางแบบไหล
การปรับแนวจะถือเป็นการปรับตำแหน่ง
และขนาดแบบครั้งเดียว
แต่ถ้าผมเลือกตัวเลือกการจัดวางแบบไหล
และใช้การตั้งค่าการปรับแนวอีกครั้ง
จัดให้อยู่กึ่งกลางในแนวตั้ง
และเว้นระยะในแนวนอน
มาลองดูตัวอย่างกัน
เมื่อเลือกตัวเลือกการจัดวางแบบไหล
เราจะสร้างการปรับแนวแบบเปอร์เซ็นต์
ที่ควบคุมให้องค์ประกอบปรับแนวโดยสัมพัทธ์

Italian: 
Seleziono questi tre elementi
e li allineo verticalmente
al centro del contenitore principale
e li distanzio orizzontalmente
in modo uniforme dal loro
contenitore principale.
Vediamo l'anteprima.
Come vedi
gli elementi non si adattano
quando ridimensiono
la finestra del browser
ma restano dove li ho allineati.
Questo perché
se il layout flessibile non è selezionato,
la posizione e le dimensioni vengono
regolate in modo definitivo
ma se faccio clic
sull'opzione layout flessibile
e applico nuovamente le
impostazioni di allineamento
Allinea: al centro verticalmente
e Spazia orizzontalmente, quindi
visualizzo l'anteprima nel browser.
Selezionando l'opzione layout flessibile,
ho creato un allineamento percentuale
che mantiene gli
elementi relativamente allineati

Spanish: 
y con el contenedor que los engloba
a medida que
el contenedor cambia de tamaño.
Aquí termina este vídeo.
Gracias por tu atención.

Dutch: 
ten opzichte van elkaar
en de overkoepelende container
als het formaat van de container verandert.
Dat was het voor deze video.
Bedankt voor het kijken.

Chinese: 
元素与元素之间
以及元素与所属容器之间
会保持相对的对齐关系
本视频到此为止
谢谢观看

Italian: 
al contenitore principale e tra di loro
quando le dimensioni
del contenitore cambiano.
Questo è tutto per questo video.
Grazie per averlo guardato!

Japanese: 
要素同士や親コンテナとの相対で
各要素の位置やサイズが調整されます
この動画は以上です
ありがとうございました

French: 
relativement alignés les uns par rapport
aux autres et au conteneur
lorsque vous modifiez sa taille.
Ainsi se termine cette vidéo.
Merci de votre attention.

English: 
to each other and to the enclosing container
as the container changes size.
That's all I have for this video.
Thank you for watching!

Russian: 
относительно друг друга
и относительно родительского контейнера,
когда он меняет размер.
Это все, что я хотел рассказать.
Спасибо за внимание!

Portuguese: 
entre si e ao contêiner
de acordo com os ajustes de tamanho.
Chegamos ao final deste vídeo.
Obrigado por assistir!

Turkish: 
öğeler birbirlerine ve
kapsayıcıya göre hizalanmış
olarak kalıyor.
Bu videoda anlatacaklarım bu kadar.
İzlediğiniz için teşekkürler.

Polish: 
względem siebie
i kontenera nadrzędnego
podczas zmiany jego wielkości.
To wszystko.
Dziękuję za uwagę.

Chinese: 
讓元素彼此間以及
和所屬容器保持相對對齊
讓元素彼此間以及
和所屬容器保持相對對齊
本影片到此結束
感謝觀賞

German: 
und zum einschließenden Container
ausgerichtet werden,
sobald sich
die Größe des Containers ändert.
Damit sind wir am Ende dieses Videos.
Vielen Dank fürs Zusehen!

Korean: 
둘러싼 상자의 크기가 변하면
그에 맞춘 정렬도 유지하는
비율 기반 정렬을
만들 수 있습니다
이번 동영상은 여기까지입니다
시청해주셔서 감사합니다

Thai: 
ซึ่งกันและกันและกับคอนเทนเนอร์หลักด้วย
เมื่อขนาดของคอนเทนเนอร์เปลี่ยนแปลงไป
ขอจบวิดีโอนี้เพียงเท่านี้
ขอบคุณที่ติดตามชมครับ
