Как Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΈΠ· ΠΊΠ»ΠΈΠ½ΠΊΠ΅Ρ€Π° «Ρ„Π»ΡΡˆ»

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΈΠ· ΠΊΠ»ΠΈΠ½ΠΊΠ΅Ρ€Π° «Ρ„Π»ΡΡˆ»

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΈΠ· ΠΊΠ»ΠΈΠ½ΠΊΠ΅Ρ€Π° «Ρ„Π»ΡΡˆ»

Π£Π²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹!

БСгодня, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π’Π°ΠΌΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡŽ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΠΏΠΎ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Β«Ρ„Π»ΡΡˆΠΈΠ½Π³Β».

Ѐлэшингом называСтся особый Ρ€Π΅ΠΆΠΈΠΌ ΠΎΠ±ΠΆΠΈΠ³Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° с Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΉ ΠΏΠΎΠ΄Π°Ρ‡Π΅ΠΉ кислорода, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ появлСнию ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° с Π½Π΅Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½Ρ‹ΠΌ окрасом ΠΎΡ‚ красного Π΄ΠΎ Ρ‚Ρ‘ΠΌΠ½ΠΎ-ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²ΠΎΠ³ΠΎ ΠΈ Π΄Π°ΠΆΠ΅ Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π½Π° красно-Тгущихся Π³Π»ΠΈΠ½Π°Ρ… ΠΈ ΠΎΡ‚ ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎ свСтло-соломСнного Π½Π° свСтло-Тгущихся Π³Π»ΠΈΠ½Π°Ρ…. ΠŸΡ€ΠΈ этом ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ окрас с ΠΏΠ΅Ρ€Π΅Π»ΠΈΠ²ΠΎΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

ΠšΠ»Π°Π΄ΠΊΡƒ с ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° принято Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ «баварская ΠΊΠ»Π°Π΄ΠΊΠ°Β».

Баварская ΠΊΠ»Π°Π΄ΠΊΠ° Ρ€ΠΎΠ΄ΠΈΠ»Π°ΡΡŒ Π² Π“Π΅Ρ€ΠΌΠ°Π½ΠΈΠΈ, Π² сСмнадцатом Π²Π΅ΠΊΠ΅, ΠΊΠΎΠ³Π΄Π° Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π±Ρ‹Π»ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для большого количСства ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°. Π’Ρ‹Ρ…ΠΎΠ΄ Π±Ρ‹Π» Π½Π°ΠΉΠ΄Π΅Π½, ΠΊΠΎΠ³Π΄Π° ΠΊΠ°ΠΌΠ΅Π½Ρ‰ΠΈΠΊΠΈ стали ΡΠΌΠ΅ΡˆΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ°Ρ€Ρ‚ΠΈΠΉ, создавая Π½Π° фасадах Π·Π΄Π°Π½ΠΈΠΉ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ.

Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ тСхнология «пСстрой» ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ раскладки ΡƒΡΠ»ΠΎΠΆΠ½ΠΈΠ»Π°ΡΡŒ Π·Π° счСт систСмы ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΈΠ», ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΠ²ΡˆΠΈΡΡŒ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅, популярноС ΠΈ сСгодня.

Π‘ΡƒΡ‚ΡŒ «баварской ΠΊΠ»Π°Π΄ΠΊΠΈΒ» достаточно проста: нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠΎ Ρ†Π²Π΅Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΡƒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡˆΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΠΎΡ‡Ρ‚ΠΈ Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΌ порядкС. Но, ΠΊΠ°ΠΊ ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ, баварский ΡΡ‚ΠΈΠ»ΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ свои, свойствСнныС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΅ΠΌΡƒ особСнности.
К Π½ΠΈΠΌ относится:
β€’ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Π°Ρ ΡƒΠΊΠ»Π°Π΄ΠΊΠ° рядом ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ²;
β€’ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠ΅ ΠΈΡ… располоТСниС ΠΏΠΎ всСй плоскости Π±Π΅Π· прСобладания ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°;
β€’ постоянноС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ рисунка, Π½Π΅Π΄ΠΎΠΏΡƒΡ‰Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΎΠ².

Для достиТСния Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠ³ΠΎ рисунка фасада, ΠΏΡ€ΠΈ использовании ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Β«Ρ„Π»ΡΡˆΠΈΠ½Π³Β» Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ вСсти ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΈΠ· 3-4-Ρ… ΠΏΠΎΠ΄Π΄ΠΎΠ½ΠΎΠ², ΠΏΡ€ΠΈ этом ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ с ΠΏΠΎΠ΄Π΄ΠΎΠ½Π° Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΏΠΎ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ.

Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ этими простыми правилами примСнСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΠΏΠΎ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ «Ρ„Π»ΡΡˆΠΈΠ½Π³» Ρƒ вас получится ΠΎΡ‡Π΅Π½ΡŒ красивоС ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π΄Π°Π½ΠΈΠ΅.

Β 

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Вас Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ.

Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° новостями!

Кладка ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π² Ρ…ΠΎΠ»ΠΎΠ΄Π½ΠΎΠ΅ врСмя Π³ΠΎΠ΄Π°

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ

ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ ΠΊ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ ΠΌΠΎΡ€ΠΎΠ·Π°ΠΌ. Однако ΠΈ Π·ΠΈΠΌΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒΡΡ, ΠΏΡ€Π°Π²Π΄Π°, Π½Π΅ Ρ‚Π°ΠΊ интСнсивно ΠΊΠ°ΠΊ Π»Π΅Ρ‚ΠΎΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ, Π½Π΅ успСв ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ всС Π² Ρ‚Π΅ΠΏΠ»ΠΎΠ΅ врСмя Π³ΠΎΠ΄Π°, приходится Π·Π°Π²Π΅Ρ€ΡˆΠ°Ρ‚ΡŒ Π½Π°Ρ‡Π°Ρ‚ΠΎΠ΅ Π² Ρ…ΠΎΠ»ΠΎΠ΄Π°.

ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ, ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π³Π»Π°Π²Π½Ρ‹Ρ… элСмСнтов являСтся раствор, Π° Π² Π΅Π³ΠΎ состав Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π²ΠΎΠ΄Π°. ΠŸΡ€ΠΈ Π½ΠΈΠ·ΠΊΠΎΠΉ Ρ‚Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Π΅ ΠΎΠ½Π° Π·Π°ΠΌΠ΅Ρ€Π·Π°Π΅Ρ‚ ΠΈ это Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слоТности. Помимо этого, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, Π½ΠΎ с Π½ΠΈΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ.

Π˜Ρ‚Π°ΠΊ, Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π·ΠΈΠΌΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСсколько. Один ΠΈΠ· Π½ΠΈΡ… это Π·Π°ΠΌΠΎΡ€Π°ΠΆΠΈΠ²Π°Π½ΠΈΠ΅. Π­Ρ‚ΠΎΡ‚ способ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ раствору Π·Π°ΠΌΠ΅Ρ€Π·Π½ΡƒΡ‚ΡŒ сразу ΠΆΠ΅ послС окончания ΡƒΠΊΠ»Π°Π΄ΠΊΠΈ, Π° послС ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ Ρ‚Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Ρ‹, ΠΎΠ½ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ‚Π°Π΅Ρ‚ ΠΈ застаиваниС продолТится. Но Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π² Ρ‚Π°ΠΊΠΈΡ… условиях ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ посадка ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, поэтому ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ нСбольшиС Ρ‰Π΅Π»ΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠΊΠ½Π°ΠΌΠΈ ΠΈ Π΄Π²Π΅Ρ€Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΌΠ°ΠΌΠΈ.

Π’Π°ΠΊΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для постройки Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π·Π΄Π°Π½ΠΈΠΉ, Ρ‡ΡŒΡ высота Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 15 ΠΌΠ΅Ρ‚Ρ€ΠΎΠ².

Π§Ρ‚ΠΎΠ±Ρ‹ раствор Π½Π΅ Π·Π°ΠΌΠ΅Ρ€Π·Π°Π», Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ химичСскиС Π΄ΠΎΠ±Π°Π²ΠΊΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, хлористый ΠΊΠ°Π»ΡŒΡ†ΠΈΠΉ ΠΈ Π½Π°Ρ‚Ρ€ΠΈΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π·Π°Ρ‚Π²Π΅Ρ€Π΄Π΅Π²Π°Π΅Ρ‚ ΠΎΠ½ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ довольно популярСн, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΡ‡Π΅Π½ΡŒ прост ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π·Π°Ρ‚Ρ€Π°Ρ‚. Но стоит ΡƒΡ‡Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ‚Π°ΠΊΠΈΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈ ΠΌΠΎΡ€ΠΎΠ·Π΅ Π΄ΠΎ -5Β°Π‘. НС стоит Π΄Π΅Π»Π°Ρ‚ΡŒ

ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° с ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ химичСских вСщСств Π² Ρ‚ΠΎΠΌ случаС, Ссли Π²Π»Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Π² ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ достаточно высокой. Π­Ρ‚ΠΈ Π΄ΠΎΠ±Π°Π²ΠΊΠΈ Π½Π°Ρ‡Π½ΡƒΡ‚ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ токсичныС вСщСства, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ нанСсти ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΉ ΡƒΡ‰Π΅Ρ€Π± Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΡŽ.

Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ «тСрмос». Π•Π³ΠΎ ΡΡƒΡ‚ΡŒ состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ ΠΊΠ»Π°ΡΡ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡ Π½Π° раствор, Π΅Π³ΠΎ сильно ΠΏΡ€ΠΎΠ³Ρ€Π΅Π²Π°ΡŽΡ‚. Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ количСство ΡƒΠ»ΠΎΠΆΠ΅Π½ΠΎ, ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ Π½Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ тСплоизоляционным ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ дольшС ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΏΠ»ΠΎ. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄ΡƒΠΌΠ°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ сильном Π²Π΅Ρ‚Ρ€Π΅ ΠΈ ΠΌΠΎΡ€ΠΎΠ·Π΅ остываниС ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ слишком быстро, Π½ΠΎ это Π½Π΅ Ρ‚Π°ΠΊ. Π’Π°ΠΊΠΎΠ΅ ΠΌΠΎΠ³Π»ΠΎ ΡΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ с ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΎΠΌ, Π½ΠΎ Ссли ΠΈΡ… Π±ΡƒΠ΄Π΅Ρ‚ нСсколько, Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ»ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ, Π½ΠΎ ΠΈ раствор схватится Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΡ€Π΅ΠΏΡ‡Π΅.

БущСствуСт ΠΌΠ΅Ρ‚ΠΎΠ΄ элСктроподогрСва. ΠΠ°ΡˆΠΈΠ²Π½Ρ‹Π΅ элСктроды ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»ΡΡŽΡ‚ ΠΊ Π²ΠΎΠ·Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ стСнС Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ касались раствора. Π”Π°Π»Π΅Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ элСктричСство, раствор нагрСваСтся ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ Ρ‚Π΅ΠΏΠ»ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°ΠΌ. Π­Ρ‚ΠΎΡ‚ процСсс длится Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ состояния, ΠΊΠΎΠ³Π΄Π° раствор Ρ…ΠΎΡ€ΠΎΡˆΠΎ пристанСт.

Если ΠΆΠ΅ ΠΌΠΎΡ€ΠΎΠ·Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ ΡΠΈΠ»ΡŒΠ½Ρ‹Π΅, Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ тСплоизоляционными ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ максимально ΠΏΠΎΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ. Π§Ρ‚ΠΎΠ±Ρ‹ эффСкт Π±Ρ‹Π» Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π΅Ρ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠ΅ ряды ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ·Π²Π°Π½Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ основаниСм. Π’ этом случаС ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΠ°ΡΠ»ΡŒΠ½ΡƒΡŽ Π»Π°ΠΌΠΏΡƒ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π½Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Ρ€ΡƒΠ΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ слишком горячий

ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π²Ρ‹Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Ρ…ΠΎΠ»ΠΎΠ΄Π½ΠΎΠ³ΠΎ раствора ΠΈ трСснСт.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΈΠ½ΠΎΠ³Π΄Π° Π² мСстах, Π³Π΄Π΅ вСдутся ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠΏΠ»Π΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, получаСтся своСобразный ΠΏΠ°Ρ€Π½ΠΈΠΊΠΎΠ²Ρ‹ΠΉ эффСкт. Π’Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ всСвозмоТныС Ρ‰Π΅Π»ΠΈ ΠΈ ΠΏΡ€ΠΎΠ΅ΠΌΡ‹, Π·Π°Ρ‚Π΅ΠΌ начинаСтся ΠΏΡ€ΠΎΠ³Ρ€Π΅Π²Π°Π½ΠΈΠ΅ участка. Π­Ρ‚ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых дорогостоящих способов, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π΅ ΠΏΠ΅Ρ‡ΠΈ Β«Π±ΡƒΡ€ΠΆΡƒΠΉΠΊΠΈΒ», хотя ΠΈ Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½, Π° элСктрообогрСватСли.

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ»Π°Π΄ΠΊΠ° Π·ΠΈΠΌΠΎΠΉ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π΅, Ρ‡Π΅ΠΌ Π² Π»Π΅Ρ‚Π½ΠΈΠΉ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄. ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ нСоТиданностСй, ΠΎΠ΄Π½Π°ΠΊΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΎ Π½ΠΈΡ… Π·Π½Π°Π΅Ρ‚Π΅ ΠΈ смоТСтС ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒΡΡ ΠΊ экстрСнной ситуации.

Π‘Π΅ΡΡˆΠΎΠ²Π½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°: ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ, ΠΏΡ€Π°Π²ΠΈΠ»Π°

ΠžΡ‚ качСства ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° зависит Π΄ΠΎΠ»Π³ΠΎΠ²Π΅Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΈ Ρ†Π΅Π»ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ всСго строСния. Π‘Π΅ΡΡˆΠΎΠ²Π½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠ°Ρ для ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠΈ фасадов ΠΆΠΈΠ»Ρ‹Ρ… Π·Π΄Π°Π½ΠΈΠΉ, смотрится эстСтичнСС, Ρ‡Π΅ΠΌ обычная. Но Π½Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒ Π²ΠΎΠ·ΡŒΠΌΠ΅Ρ‚ΡΡ Π·Π° Ρ‚Π°ΠΊΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π° ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½Π°Ρ бСсшовная ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠ° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹Ρ… Π·Π½Π°Π½ΠΈΠΉ ΠΈ соблюдСния ΠΏΡ€Π°Π²ΠΈΠ».

Π§Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅?

Π‘Π΅ΡΡˆΠΎΠ²Π½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ° совсСм Π½Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π³ΠΎΠ»Ρ‹Π΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ ΡΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ просто Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π° Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ раствора. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ стандартного способа ΡƒΠΊΠ»Π°Π΄ΠΊΠΈ, Π³Π΄Π΅ ΡˆΠ²Ρ‹ Π΄ΠΎΡΡ‚ΠΈΠ³Π°ΡŽΡ‚ 10 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΌΠΌ, Π² бСсшовной ΠΎΠ½ΠΈ мСньшС 8 ΠΌΠΌ, поэтому выглядят красиво ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ. ВмСсто Ρ†Π΅ΠΌΠ΅Π½Ρ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‡Π°Ρ‰Π΅ всСго ΠΏΠ»ΠΈΡ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠ»Π΅ΠΉ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ½ΠΊΠΈΠΉ слой раствора. Π•Π³ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ нСобходимости ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²ΠΎΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ лСсов, использованиСм тяТСлого инвСнтаря Π²Ρ€ΠΎΠ΄Π΅ Π±Π΅Ρ‚ΠΎΠ½ΠΎΠΌΠ΅ΡˆΠ°Π»ΠΊΠΈ. Π’ΠΎΠ½ΠΊΠΈΠ΅ ΡˆΠ²Ρ‹ ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ Π²ΠΎΠ·Π΄ΡƒΡ…, Π·Π° счСт Ρ‡Π΅Π³ΠΎ стСна вСнтилируСтся.

Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ оглавлСнию

ΠŸΡ€Π°Π²ΠΈΠ»Π° бСсшовной ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°

ΠŸΠ΅Ρ€Π΅Π΄ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ Π»ΠΈΡ†Π΅Π²ΠΎΠ³ΠΎ слоя фасада здания ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌΠΈ, Π½Π΅ΡƒΠΊΠΎΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΠΈ:

  • ΠŸΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡ΠΈΡ‰Π΅Π½Π° ΠΎΡ‚ загрязнСний ΠΈ ΠΎΡ‚ΡˆΠ»ΠΈΡ„ΠΎΠ²Π°Π½Π°, Ссли ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ нСровности ΠΈΠ»ΠΈ ΡˆΠ΅Ρ€ΠΎΡ…ΠΎΠ²Π°Ρ‚ΠΎΡΡ‚ΠΈ.
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ слСдуСт ΠΊΠ°ΠΌΠ½ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ нСровностСй ΠΈ нСсоотвСтствий Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ. ВсС ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ ΠΈ ΠΏΠ»ΠΎΡ‚Π½ΠΎ ΡΠΎΡΡ‚Ρ‹ΠΊΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π±Π΅Π· образования Ρ‰Π΅Π»Π΅ΠΉ.
  • Π‘ΠΊΠΎΠ»Ρ‹, Π²ΠΏΠ°Π΄ΠΈΠ½Ρ‹ ΠΈ углублСния Π½Π° повСрхности Π·Π°ΡˆΠΏΠ°ΠΊΠ»Π΅Π²Ρ‹Π²Π°ΡŽΡ‚ ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π³Ρ€ΡƒΠ½Ρ‚ΠΎΠ²ΠΊΠΎΠΉ.
  • ΠšΠ»Π°Π΄ΡƒΡ‚ ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΏΡ€ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Π΅: Π½Π΅ Π½ΠΈΠΆΠ΅ 10 ΠΈ Π½Π΅ Π²Ρ‹ΡˆΠ΅ 35 градусов Ρ‚Π΅ΠΏΠ»Π°.

Π‘Π΅ΡΡˆΠΎΠ²Π½Π°Ρ ΡƒΠΊΠ»Π°Π΄ΠΊΠ° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ‚ΠΎΠ½ΠΊΠΈΠΉ шов Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΡΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ошибки послС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π±ΠΎΡ‚.

Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ оглавлСнию

Какой ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ?

Для Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΡ…ΠΎΠ΄ΠΈΡ‚ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π».

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±Π΅ΡΡˆΠΎΠ²Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стандартного кСрамичСского ΠΈΠ»ΠΈ силикатного ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° нСльзя. ΠŸΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠΎΠΉ отличаСтся ΠΎΡ‚ рядового. Π›ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ спСцифичныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΈΠ·Π΄Π΅Π»ΠΈΠΉ, Π½ΠΎ Π½Π΅ Π²Π΅Π·Π΄Π΅ продаСтся подобная продукция, поэтому придСтся Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ Π·Π°ΠΊΠ°Π·. sex.prostitutki72.com АссортимСнт позволяСт ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΏΠΎΠ΄ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ трСбования ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ„Π°ΠΊΡ‚ΡƒΡ€Ρ‹, Ρ†Π²Π΅Ρ‚Π° ΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°. Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΈ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΈΠ· Π΄ΠΎΡ€ΠΎΠ³ΠΎ сСгмСнта, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ‚Π°ΠΊ сниТаСтся Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ обнаруТСния Π½Π΅Ρ€ΠΎΠ²Π½Ρ‹Ρ… ΠΈΠ»ΠΈ Π±Ρ€Π°ΠΊΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΎΠ±Ρ€Π°Π·Ρ†ΠΎΠ².

Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ оглавлСнию

Как Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ?

ПослС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… этапов ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π½Π° Ρ†Π΅Π»ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ ΠΊ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Ρƒ. Π Π΅Π·Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π±ΠΎΠ»Π³Π°Ρ€ΠΊΠΎΠΉ со ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΊΡ€ΡƒΠ³ΠΎΠΌ для Ρ€Π΅Π·ΠΊΠΈ камня. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ряд ΠΊΠ»Π°ΡΡ‚ΡŒ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ стороны ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ, Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, β€” ΠΎΡ‚ сторон ΠΊ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ стСна Π±Ρ‹Π»Π° Ρ€ΠΎΠ²Π½ΠΎΠΉ. КлССвой раствор нСбольшим количСством наносится ΡˆΠΏΠ°Ρ‚Π΅Π»Π΅ΠΌ Π½Π° Ρ‚Ρ‹Π»ΡŒΠ½ΡƒΡŽ сторону ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°. По ТСланию шов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡˆΠΏΡ€ΠΈΡ†-пистолСта заполняСтся гипсовым ΠΊΠ»Π΅Π΅ΠΌ, Ρ‡Ρ‚ΠΎ создаСт эффСкт нСбрСТности. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ»Π°Π΄ΠΊΠ° Π±Ρ‹Π»Π° Ρ€ΠΎΠ²Π½ΠΎΠΉ, Π² процСссС слСдуСт пСриодичСски ΠΏΡ€ΠΈΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π»ΠΈΠ±ΠΎ Π½Π°Ρ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ Π½ΠΈΡ‚ΠΊΡƒ.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ: Π°Π·Ρ‹ ΠΊΠ»Π°Π΄ΠΎΡ‡Π½Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°

Π˜ΠΌΠ΅Ρ‚ΡŒ собствСнный Π΄ΠΎΠΌ, ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ Π½Π΅Π΄Π΅ΡˆΡ‘Π²ΠΎΠ΅ β€” особСнно, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ возводится ΠΈΠ· ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°. Π‘Π½ΠΈΠΆΠ°Ρ‚ΡŒ Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ Π½Π° ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ Π·Π° счёт использования ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ качСства – это, прямо скаТСм, Π½Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Ρ‹Ρ…ΠΎΠ΄.

ΠžΡΡ‚Π°Ρ‘Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΆΠΈΠ»ΡŒΡ‘ своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²ΠΈΠ΄Π΅ΠΎ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΌΡ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌ вас с основами вСдСния ΠΊΠ»Π°Π΄ΠΎΡ‡Π½Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚, конструкции стСн, ΠΈ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… возмоТностях ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ

И ΠΊΠΈΡ€ΠΏΠΈΡ‡, ΠΈ Π±Π΅Ρ‚ΠΎΠ½Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, Π² ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΊΠ°ΠΌΠ½Π΅ΠΌ β€” Ρ‚ΠΎΠ»ΡŒΠΊΠΎ искусствСнным. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ камня ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ, ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ гСомСтричСскиС Ρ„ΠΎΡ€ΠΌΡ‹, благодаря Ρ‡Π΅ΠΌΡƒ, ΠΏΡ€ΠΈ Π²ΠΎΠ·Π²Π΅Π΄Π΅Π½ΠΈΠΈ стСн ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π±Π΅Π· ΠΎΠΏΠ°Π»ΡƒΠ±ΠΊΠΈ.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°

ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ Ρ„ΠΎΡ€ΠΌΠ° ΠΈ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π΄Π΅Π»Π°ΡŽΡ‚ этот ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ Π² Ρ€Π°Π±ΠΎΡ‚Π΅. Он укладываСтся Π½Π° Ρ€Π°ΡΡ‚Π²ΠΎΡ€Π½ΡƒΡŽ ΠΏΠΎΡΡ‚Π΅Π»ΡŒ, Π² порядкС, опрСдСляСмым Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ стСн, Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹ΠΌΠΈ особСнностями здания, ΠΈ Π»ΠΈΡ†Π΅Π²Ρ‹ΠΌ рисунком ΠΊΠ»Π°Π΄ΠΊΠΈ.

НСсомнСнным достоинством ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ»Π°Π΄ΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ‚ большиС конструкционныС возмоТности.

Она позволяСт ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π²ΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡƒ Π·Π΄Π°Π½ΠΈΠΉ, Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ стСн, Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΡ‘ΠΌΠΎΠ², Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ высоту этаТСй, ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. ΠšΠΈΡ€ΠΏΠΈΡ‡Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ многослойной, Ρ‡Ρ‚ΠΎ позволяСт Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ тСплотСхничСскиС ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ ΠΈ Π·Π²ΡƒΠΊΠΎΠΈΠ·ΠΎΠ»ΡΡ†ΠΈΡŽ стСн.

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ фасад ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ°

Говоря ΠΎ прСимущСствах ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, нСльзя Π½Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΈ Π΅Ρ‘ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ: ΠΎΠ½Π° позволяСт ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ эстСтику фасада Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠ³ΠΎ, Π½ΠΎ ΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ°, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ являСтся ΠΏΠΎΠ»Π½ΠΎΠΏΡ€Π°Π²Π½Ρ‹ΠΌ участком Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΉ.

Π’Π΅Ρ€ΠΌΠΈΠ½Ρ‹ ΠΈ опрСдСлСния

ΠŸΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ ΠΌΡ‹ прСдставим ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈ Π½ΠΎΡ€ΠΌΡ‹ ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΡƒΡ‚ΠΎΡ‡Π½ΠΈΠΌ, ΠΊΠ°ΠΊΠΈΠΌΠΈ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°ΠΌΠΈ ΠΈ опрСдСлСниями ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ строитСли. Π­Ρ‚ΠΎ просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ, Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΈ ΠΊΠ°ΠΊ называСтся, Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ.

Π˜Ρ‚Π°ΠΊ:

  • Начнём с самого ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Ρ€ΠΈ ΠΏΠ°Ρ€Ρ‹ Π³Ρ€Π°Π½Π΅ΠΉ. Π£ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½ΠΎΠ³ΠΎ издСлия, Π΄Π²Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈ Π΄Π»ΠΈΠ½ΠΎΠΉ 250 ΠΌΠΌ ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 120 ΠΌΠΌ, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΏΠΎΡΡ‚Π΅Π»ΡŒ. Длинная ΠΈ узкая боковая Π³Ρ€Π°Π½ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 250*65 ΠΌΠΌ – это Π»ΠΎΠΆΠΎΠΊ. Ну Π° короткая торцСвая Π³Ρ€Π°Π½ΡŒ, ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 120 ΠΌΠΌ ΠΈ высотой 65 ΠΌΠΌ, называСтся Ρ‚Ρ‹Ρ‡ΠΎΠΊ.
НаимСнованиС Π³Ρ€Π°Π½Π΅ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°
  • Кладка вСдётся ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, с ΡƒΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ Π½Π° ΠΏΠΎΡΡ‚Π΅Π»ΡŒ. ΠŸΡ€ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… элСмСнтов фасада – Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: ΠΏΠ΅Ρ€Π΅ΠΌΡ‹Ρ‡Π΅ΠΊ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΎΠΊΠΎΠ½Π½Ρ‹Ρ… Π·ΠΎΠ½, ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΈ Π½Π° Π»ΠΎΠΆΠΎΠΊ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π½Π° Ρ€Π΅Π±Ρ€ΠΎ. Π§Ρ‚ΠΎ касаСтся рядов ΠΊΠ»Π°Π΄ΠΊΠΈ, Ρ‚ΠΎ ΠΈΡ… Π½Π°Π·Π²Π°Π½ΠΈΠ΅ опрСдСляСтся ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ Π² Π½ΠΈΡ… располоТСны ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ.

Когда ΠΎΠ½ΠΈ ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½Ρ‹ Π»ΠΎΠΆΠΊΠΎΠΌ Π½Π°Ρ€ΡƒΠΆΡƒ, Ρ‚ΠΎ ΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π»ΠΎΠΆΠΊΠΎΠ²Ρ‹ΠΌΠΈ. Если ΠΆΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡ располагаСтся Ρ‚ΠΎΡ€Ρ†ΠΎΠ²ΠΎΠΉ стороной Π²ΠΏΠ΅Ρ€Ρ‘Π΄, Ρ‚ΠΎ это Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²Ρ‹ΠΉ ряд.

Π’ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ стСн, ΠΊΠ»Π°Π΄ΠΊΠ° Π² сСчСнии ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… рядов. ΠžΠ±Ρ€Π°Ρ‰Ρ‘Π½Π½Ρ‹Π΅ Π½Π°Ρ€ΡƒΠΆΡƒ β€” Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, ΠΊΡ€Π°ΠΉΠ½ΠΈΠ΅, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ вёрстами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π² зависимости ΠΎΡ‚ располоТСния, Π±Ρ‹Π²Π°ΡŽΡ‚ внСшними ΠΈΠ»ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌΠΈ. Ряды, Π·Π°ΠΊΠ»ΡŽΡ‡Ρ‘Π½Π½Ρ‹Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΊΠΎΠΉ β€” ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Π½ΠΈΡ… ΠΌΡ‹ скаТСм Π΄Π°Π»Π΅Π΅.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΊΠ°

Π•ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ понятиС, ΠΊΠ°ΠΊ Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡. Π­Ρ‚ΠΎ Π½Π΅ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΉ сорт ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π° ΠΎΡ‚Π±Ρ€Π°ΠΊΠΎΠ²ΠΊΠ°, Π»ΠΈΠ±ΠΎ издСлия с Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΈΠΌ качСством Π»ΠΈΡ†Π΅Π²ΠΎΠΉ повСрхности ΠΈ нСбольшими отклонСниями Π² Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ.

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ Π΄Π°ΠΆΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡, дСлая Π΅Π³ΠΎ Π³Ρ€Π°Π½ΠΈ Ρ€Π΅Π»ΡŒΠ΅Ρ„Π½Ρ‹ΠΌΠΈ для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ сцСплСния. Π’ΡƒΡ‚ Π³Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π½Π° Π±Ρ‹Π»Π° Π½ΠΈΠΆΠ΅, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ эстСтика издСлия Π½Π΅ ΠΈΠ³Ρ€Π°Π΅Ρ‚, Π² Π΄Π°Π½Π½ΠΎΠΌ случаС, Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ Ρ€ΠΎΠ»ΠΈ.

ΠšΠΈΡ€ΠΏΠΈΡ‡ для Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΊΠΈ стСн

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π”ΠΎ Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚ ΠΊΠΈΡ€ΠΏΠΈΡ‡ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚. НСдоТТённыС ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ издСлия, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ Ρ‚Ρ€Π΅Ρ‰ΠΈΠ½Ρ‹ ΠΈ сколы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π° Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹Π΅ ряды, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ скрыты Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ»Π°Π΄ΠΊΠΈ. НаличиС Π½Π° Π½ΠΈΡ… Π²Π½Π΅ΡˆΠ½ΠΈΡ… Π΄Π΅Ρ„Π΅ΠΊΡ‚ΠΎΠ², Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ сказываСтся Π½Π° прочности ΠΊΠ»Π°Π΄ΠΊΠΈ. Учитывая Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ Π±ΡƒΡ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π½ΠΈΠΆΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ 25-30%, Π² цСлях экономии, для ΠΊΠ»Π°Π΄ΠΊΠΈ вёрст Π±Π΅Ρ€ΡƒΡ‚ ΠΊΠΈΡ€ΠΏΠΈΡ‡ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ качСства, Π° для Π·Π°Π±ΡƒΡ‚ΠΊΠΈ – ΠΎΡ‚Π±Ρ€Π°ΠΊΠΎΠ²ΠΊΡƒ.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΊΠ»Π°Π΄ΠΊΠΈ

Высота ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠ»Π°Π΄ΠΎΡ‡Π½ΠΎΠ³ΠΎ ряда, соотвСтствуСт высотС камня, плюс Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ шва, которая Π² срСднСм составляСт 12 ΠΌΠΌ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΡ€ΠΎΠΌΠ΅ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½ΠΎΠ³ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π±Ρ‹Π²Π°Π΅Ρ‚ Π΅Ρ‰Ρ‘ ΠΈ ΠΏΠΎΠ»ΡƒΡ‚ΠΎΡ€Π½Ρ‹ΠΉ, высотой 88 ΠΌΠΌ, ΠΈ Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ, высотой 138 ΠΌΠΌ, Ρ‚ΠΎ высота ряда ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ раствора, Π° ΠΈ ΠΈΠ·-Π·Π° размСрности камня.

  • ЕстСствСнно, количСство рядов Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠΌ ΠΌΠ΅Ρ‚Ρ€Π΅ ΠΊΠ»Π°Π΄ΠΊΠΈ, Ρ‚ΠΎΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Π½Ρ‹ΠΌ. Если ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡, Ρ‚ΠΎ Π½Π° 1ΠΌ2 получаСтся Ρ‚Ρ€ΠΈΠ½Π°Π΄Ρ†Π°Ρ‚ΡŒ рядов, ΠΈΠ· ΠΏΠΎΠ»ΡƒΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° – Π΄Π΅ΡΡΡ‚ΡŒ, Π° ΠΈΠ· Π΄Π²ΠΎΠΉΠ½ΠΎΠ³ΠΎ – сСмь Π½Π΅ΠΏΠΎΠ»Π½Ρ‹Ρ… рядов. Π’ΠΎΠ»Ρ‰ΠΈΠ½Π° стСн, которая соотвСтствуСт ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΊΠ»Π°Π΄ΠΊΠΈ, всСгда Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΊΡ€Π°Ρ‚Π½ΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°.
Кладка, выполняСмая Π² ΠΏΠΎΠ»ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°
  • ΠŸΠΎΠ»ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, ΠΈΠ»ΠΈ 12 см – это самая малСнькая Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΈ Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ½Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρƒ ΠΌΠ΅ΠΆΠΊΠΎΠΌΠ½Π°Ρ‚Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Π³ΠΎΡ€ΠΎΠ΄ΠΎΠΊ ΠΈ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠΈ фасада. Π’ΠΎΠ»Ρ‰ΠΈΠ½Π° стСны Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠΈΡ€ΠΏΠΈΡ‡, соотвСтствуСт ΠΏΠΎΠ»Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Π΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°. Π’ этом случаС, ΠΊΠ»Π°Π΄ΠΊΠ° стСны ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ выполняСтся Π»ΠΈΠ±ΠΎ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²ΠΎΠ³ΠΎ, Π»ΠΈΠ±ΠΎ ΠΈΠ· Π΄Π²ΡƒΡ… Π»ΠΎΠΆΠΊΠΎΠ²Ρ‹Ρ… рядов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² суммС со швом Π΄Π°ΡŽΡ‚ всё Ρ‚Π΅ ΠΆΠ΅ 25 см.

Кладка Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ Π² ΠΏΠΎΠ»Ρ‚ΠΎΡ€Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, получаСтся ΠΈΠ· Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²ΠΎΠ³ΠΎ ΠΈ Π»ΠΎΠΆΠΊΠΎΠ²ΠΎΠ³ΠΎ ряда. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΈ Ρ‚ΠΎΡ‚, ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ряд ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ плоскости стСны, ΠΎΠ½ΠΈ ΠΎΠ±Π° Π±ΡƒΠ΄ΡƒΡ‚ вёрстами β€” Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΠΊ Π² Ρ‚Π°ΠΊΠΈΡ… стСнах Π½Π΅Ρ‚.

Π—Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹Π΅ ряды ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² стСнС Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ Π² Π΄Π²Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° ΠΈ Π²Ρ‹ΡˆΠ΅. ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠ°Ρ схСма стСны Π² Π΄Π²Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Ρ‚Π°ΠΊΠΎΠ²Π°: ΠΈΠ·Π½ΡƒΡ‚Ρ€ΠΈ ΠΈ снаруТи ΠΈΠ΄ΡƒΡ‚ Π»ΠΎΠΆΠΊΠΎΠ²Ρ‹Π΅ ряды, Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹ΠΉ Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²Ρ‹ΠΉ ряд.

БистСмы пСрСвязки швов

ΠŸΠ΅Ρ€Π΅Π²ΡΠ·ΠΊΠΎΠΉ швов называСтся систСмная ΡƒΠΊΠ»Π°Π΄ΠΊΠ° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ, Ρ‡Ρ‚ΠΎ являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π²Π°ΠΆΠ½Π΅ΠΉΡˆΠΈΡ… нюансов ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠŸΠ΅Ρ€Π΅Π²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ ΠΊΠ°ΠΊ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ-ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΡˆΠ²Ρ‹, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎΠΏΠ΅Ρ€Π΅Ρ‡Π½Ρ‹Π΅.

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС, это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ монолитная конструкция Π½Π΅ Ρ€Π°ΡΡΠ»ΠΎΠΈΠ»Π°ΡΡŒ ΠΏΠΎ высотС Π½Π° Π΄Π²Π΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅, Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ стСночки.

Π˜Ρ‚Π°ΠΊ:

  • ΠŸΡ€ΠΈ ΠΏΠΎΠΏΠ΅Ρ€Π΅Ρ‡Π½ΠΎΠΉ пСрСвязкС, обСспСчиваСтся связь ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ собой, ΠΈ Ρ€Π°ΡΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈ Π½Π΅Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠΉ осадкС здания. Для этого, ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ряда ΡƒΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ со смСщСниСм Π³Ρ€Π°Π½Π΅ΠΉ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… швов Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ряда. ΠŸΠ΅Ρ€Π΅Π²ΡΠ·ΠΊΠ° швов ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΡŒΠ½Ρ‹Ρ…, осущСствляСтся Π·Π° счёт чСрСдования Π² рядах Π»ΠΎΠΆΠΊΠΎΠ² ΠΈ Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ².
Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°
  • ΠŸΡ€ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ пСрСвязки. Π‘Π°ΠΌΡ‹ΠΉ простой, ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ способ ΠΊΠ»Π°Π΄ΠΊΠΈ способ – это однорядная схСма, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π² рядах Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ чСрСдуСтся. ΠŸΡ€ΠΈ этом Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ-ΠΏΠΎΠΏΠ΅Ρ€Π΅Ρ‡Π½Ρ‹Π΅ ΡˆΠ²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Π½Π° 1/4 ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π° ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΡŒΠ½Ρ‹Π΅ – Π½Π° 1/2 ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°.
  • БущСствуСт ΠΈ Π΄Π²Π΅ разновидности многорядной систСмы. Π’ Π½Π΅ΠΉ – Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡˆΠ΅ΡΡ‚ΠΎΠΉ ряд Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²Ρ‹ΠΉ. ΠŸΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΉ схСмС, смСщСниС швов осущСствляСтся Π½Π° 1/4 ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π² Ρ‚Ρ‹Ρ‡ΠΊΠΎΠ²ΠΎΠΌ ряду, ΠΈ Π½Π° 1/2 Π² Π»ΠΎΠΆΠΊΠΎΠ²ΠΎΠΌ. Π§Ρ‚ΠΎ касаСтся ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΡŒΠ½Ρ‹Ρ… швов Π΄Π°Π½Π½ΠΎΠΉ схСмы, Ρ‚ΠΎ со Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠΎ ΡˆΠ΅ΡΡ‚ΠΎΠΉ ряд ΠΈΡ… Π½Π΅ ΠΏΠ΅Ρ€Π΅Π²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ совсСм.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! ΠœΠ½ΠΎΠ³ΠΎΡ€ΡΠ΄Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ каТСтся слоТнСС, Ρ‡Π΅ΠΌ однорядный. Но Π½Π° самом Π΄Π΅Π»Π΅, ΠΏΡ€ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ этого способа, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π° Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ΡΡ. ΠŸΡ€ΠΈΡ‡ΠΈΠ½ΠΎΠΉ Ρ‚ΠΎΠΌΡƒ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ для устройства Π·Π°Π±ΡƒΡ‚ΠΎΠ²ΠΎΡ‡Π½Ρ‹Ρ… рядов здСсь Π½Π΅ приходится ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°.

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ способы выполнСния Π»ΠΈΡ†Π΅Π²ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ
  • Π’ процСссС возвСдСния ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹Ρ… столбов, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ Π½Π΅ΡˆΠΈΡ€ΠΎΠΊΠΈΡ… простСнков, ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ ΡƒΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ Ρ‚Ρ‹Ρ‡ΠΊΠ°ΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· Ρ‚Ρ€ΠΈ ряда, Π½Π° Ρ‡Π΅Ρ‚Π²Ρ‘Ρ€Ρ‚Ρ‹ΠΉ. Говоря ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ, нСльзя Π½Π΅ ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ ΠΈ ΠΎ Π»ΠΈΡ†Π΅Π²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярныС ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… прСдставлСны Π²Ρ‹ΡˆΠ΅.
  • Π”Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ эффСкт ΠΏΡ€ΠΈ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠ΅ фасада, обСспСчиваСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π° счёт чСрСдования полоТСния ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π² рядах, Π½ΠΎ ΠΈ благодаря Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ схСмам смСщСния Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… швов. Бдвигая ΠΈΡ… всё врСмя Π² ΠΎΠ΄Π½Ρƒ сторону, ΠΈΠ»ΠΈ чСрСдуя Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ сдвига, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΈ этом ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ с Ρ€Π°Π·Π½ΠΎΠΉ Ρ„Π°ΠΊΡ‚ΡƒΡ€ΠΎΠΉ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΡ€Π½Π°ΠΌΠ΅Π½Ρ‚Ρ‹ Π½Π° ΠΊΠ»Π°Π΄ΠΊΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ эти ΠΏΡ€ΠΈΡ‘ΠΌΡ‹, Π½ΡƒΠΆΠ½Π° Π½Π΅ просто инструкция Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π° настоящий мастСр-класс ΠΎΡ‚ профСссионала.
Расшивка швов: Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹

Для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ эстСтики Π»ΠΈΡ†Π΅Π²ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, ΡˆΠ²Ρ‹ красиво ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡŽΡ‚ Ρ€Π°ΡΡˆΠΈΠ²ΠΊΠΎΠΉ, придавая ΠΈΠΌ Ρ„ΠΎΡ€ΠΌΡƒ Π²Π°Π»ΠΈΠΊΠ°, Π²ΠΎΠ³Π½ΡƒΡ‚ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡƒΠΊΡ€ΡƒΠ³Π°, ΠΈΠ»ΠΈ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. ДСлаСтся это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ инструмСнта – Ρ€Π°ΡΡˆΠΈΠ²ΠΊΠΈ.

Если ΠΆΠ΅ стСны прСдполагаСтся ΠΎΡˆΡ‚ΡƒΠΊΠ°Ρ‚ΡƒΡ€ΠΈΠ²Π°Ρ‚ΡŒ, Ρ‚ΠΎ ΡˆΠ²Ρ‹ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π΅ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΊΠ»Π°Π΄ΠΎΡ‡Π½Ρ‹ΠΌ раствором. Π”Π΅Π»Π°ΡŽΡ‚ это ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΡˆΡ‚ΡƒΠΊΠ°Ρ‚ΡƒΡ€ΠΊΠ° Π»ΡƒΡ‡ΡˆΠ΅ пристаёт ΠΊ Ρ€Π΅Π»ΡŒΠ΅Ρ„Π½ΠΎΠΉ повСрхности.

АрхитСктурныС элСмСнты ΠΊΠ»Π°Π΄ΠΊΠΈ

КамСнная стСна ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π³Π»ΡƒΡ…ΠΎΠΉ ΠΈ Ρ€ΠΎΠ²Π½ΠΎΠΉ, Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‘ΠΌΡ‹, ΠΎΠ±Ρ…ΠΎΠ΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ красиво ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. ΠŸΡ€ΠΈ ΠΊΠ»Π°Π΄ΠΊΠ΅ Ρ‚Π°ΠΊΠΈΡ… стСн ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ самыС Ρ€Π°Π·Π½Ρ‹Π΅ элСмСнты: уступы ΠΈ ΠΎΠ±Ρ€Π΅Π·Ρ‹, пояски, ΠΏΠΎΠ»ΡƒΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹ с пилястрами, ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

НапримСр, уступы Π² ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой сдвиги Π»ΠΈΡ†Π΅Π²Ρ‹Ρ… плоскостСй Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… участках стСны, Π²Π³Π»ΡƒΠ±ΡŒ ΠΈΠ»ΠΈ Π½Π°Ρ€ΡƒΠΆΡƒ.

  • ΠžΠ±Ρ€Π΅Π·Ρ‹ Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρƒ Π½ΠΈΡ… Π΅ΡΡ‚ΡŒ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ: эта Π΄Π΅Ρ‚Π°Π»ΡŒ являСтся ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΌ элСмСнтом ΠΎΡ‚ большСй Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ стСн, ΠΊ мСньшСй. Π§Π°Ρ‰Π΅ всСго, ΠΎΠ±Ρ€Π΅Π· ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΎΡ‚ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‰Π΅ΠΉ Ρ†ΠΎΠΊΠΎΠ»ΡŒΠ½ΠΎΠΉ части ΠΊ стСнС. Π˜Ρ… Ρ‚Π°ΠΊ ΠΆΠ΅ ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ Π½Π° Π²Π΅Ρ€Ρ…Π½ΠΈΡ… уровнях многоэтаТного Π΄ΠΎΠΌΠΎΠ², ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ ΠΊΠ»Π°Π΄ΠΊΠΈ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ этаТа.
Напуски, ниши ΠΈ пилястры, Π½Π΅ΠΎΠ±Ρ‹ΠΊΠ½ΠΎΠ²Π΅Π½Π½ΠΎ ΡƒΠΊΡ€Π°ΡˆΠ°ΡŽΡ‚ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹ΠΉ фасад
  • Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ниша, Π΄ΡƒΠΌΠ°Π΅ΠΌ, Π·Π½Π°ΡŽΡ‚ всС. Π˜Ρ… Ρ‡Π°Ρ‰Π΅ ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ с Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ стороны, ΠΈ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ Π² Π½ΠΈΡ… Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ΅ встраиваСмоС ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡˆΠΊΠ°Ρ„Ρ‹. Π’Π΅Ρ€ΠΌΠΈΠ½ΠΎΠΌ «пилястра» Π² Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ вытянутый ΠΏΠΎ высотС, ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ выступ Π½Π° стСнС, ΠΈΠΌΠΈΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Π½Ρƒ. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ красивый элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°ΠΌΠ»ΡΡ‚ΡŒ Π²Ρ…ΠΎΠ΄, Π»ΠΈΠ±ΠΎ красиво Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ ΠΎΠΊΠΎΠ½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‘ΠΌΡ‹ ΠΈ ΡƒΠ³Π»Ρ‹ здания.
  • ΠŸΠΎΡ…ΠΎΠΆΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅, ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ ΠΈ напуски. Π’ этом случаС, Π½Π°Π΄ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒΡŽ стСны выступаСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΉ ряд ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π΄Π²ΠΈΠ³Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° Ρ‚Ρ€Π΅Ρ‚ΡŒ своСй Π΄Π»ΠΈΠ½Ρ‹. Напуск ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… рядов ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ€Π½ΠΈΠ·, Π»ΠΈΠ±ΠΎ, допустим, поясок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ опоясываСт стСны ΠΌΠ΅ΠΆΠ΄Ρƒ этаТами.
  • Для скрытого ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ° ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Ρ‚Ρ€ΡƒΠ± ΠΈ элСктричСских ΠΊΠ°Π±Π΅Π»Π΅ΠΉ, Π½Π° стСнах ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ Π±ΠΎΡ€ΠΎΠ·Π΄Ρ‹ Π² Π²ΠΈΠ΄Π΅ ΡˆΡ‚Ρ€ΠΎΠ±Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡ‚ΠΎΠΌ Π·Π°Π΄Π΅Π»Ρ‹Π²Π°ΡŽΡ‚ Π·Π°ΠΏΠΎΠ΄Π»ΠΈΡ†ΠΎ с ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ. Π¨ΠΈΡ€ΠΈΠ½Π° ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π±ΠΎΡ€ΠΎΠ·Π΄Ρ‹ дСлаСтся ΠΊΡ€Π°Ρ‚Π½ΠΎΠΉ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½ΠΊΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°. Высота Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π±ΠΎΡ€ΠΎΠ·Π΄Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ соотвСтствуСт Ρ†Π΅Π»ΠΎΠΌΡƒ ряду ΠΊΠ»Π°Π΄ΠΊΠΈ.
Π”Π΅ΠΊΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ стСн поясками ΠΈ уступами
  • Π•ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΈ такая Π΄Π΅Ρ‚Π°Π»ΡŒ ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠ°ΠΊ простСнок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€ΠΎΡ‡ΠΈΡ…, чисто Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов, нСсёт Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. ΠŸΡ€ΠΎΡΡ‚Π΅Π½ΠΎΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ собой ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ столбик с Π³Π»Π°Π΄ΠΊΠΈΠΌΠΈ Π±ΠΎΠΊΠΎΠ²Ρ‹ΠΌΠΈ гранями, Π»ΠΈΠ±ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π° Π½ΠΈΡ… Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для установки ΠΎΠΊΠΎΠ½Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ².
  • Π§Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΈ ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ ΠΏΡƒΡ‚Ρ‘ΠΌ выдвиТСния Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ повСрхности ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π°Ρ€ΡƒΠΆΠ½Ρ‹Ρ… Π»ΠΎΠΆΠΊΠΎΠ²Ρ‹Ρ… вёрст. Π Π°Π·ΠΌΠ΅Ρ€ выступа соотвСтствуСт ΒΌ Π΄Π»ΠΈΠ½Ρ‹ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° – ΠΎΡ‚ΡΡŽΠ΄Π° ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅. Для достиТСния максимальной прочности ΠΊΠ»Π°Π΄ΠΊΠΈ, столбы рСкомСндуСтся Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎ однорядной схСмС пСрСвязки.

Но Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ этом приходится ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ°Π»ΠΎΠ΅ количСство Ρ‚Ρ€Ρ‘Ρ…Ρ‡Π΅Ρ‚Π²Ρ‘Ρ€ΠΎΠΊ (Ρ‚Ρ€ΠΈ Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°), Ρ‚ΠΎ мастСра ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Ρ€Ρ‘Ρ…Ρ€ΡΠ΄Π½ΡƒΡŽ систСму. Π’ этом случаС, ΠΊ Ρ†Π΅Π»Ρ‹ΠΌ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°ΠΌ лишь ΠΊΠΎΠ΅-Π³Π΄Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½ΠΊΠΈ. Π­Ρ‚ΠΎ касаСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ простСночных столбов, Π½ΠΎ ΠΈ ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠ»ΠΎΠ½Π½.

ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π½ΡŽΠ°Π½ΡΡ‹ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹Ρ… стСн

Π‘Ρ‚Π΅Π½Ρ‹, Π²ΠΎΠ·Π²ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΈΠ· ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΡΡƒΡ‰ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, Π½ΠΎ ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ зданию ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Π΅ тСплотСхничСскиС характСристики. Π’ΠΎΠ»Ρ‰ΠΈΠ½Π°, высота ΠΈ Π΄Π»ΠΈΠ½Π° ΠΏΡ€ΠΎΠ»Ρ‘Ρ‚ΠΎΠ² стСн ΠΏΠΎΠ΄Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эти Π³Π°Π±Π°Ρ€ΠΈΡ‚Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π΅Ρ‰Ρ‘ ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΡƒΡΡ‚ΠΎΠΉΡ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ конструкции.

  • Π’ΠΎΠΎΠ±Ρ‰Π΅, ΠΏΡ€ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°ΠΌΠ΅Π½Π½Ρ‹Ρ… стСн зависит Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ прочностных характСристик конструктивного ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°, сколько ΠΎΡ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ качСства ΠΊΠ»Π°Π΄ΠΎΡ‡Π½ΠΎΠ³ΠΎ раствора. Π’ зданиях высотой Π΄ΠΎ Ρ‚Ρ€Ρ‘Ρ… этаТСй, стСны Π½Π΅ нСсут Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π½Π°Π³Ρ€ΡƒΠ·ΠΎΠΊ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈΡ… Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Π½Π΅ ΠΈΠ· расчёта прочности, Π° Π² зависимости ΠΎΡ‚ конструкции ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π° Π½ΠΈΡ… ΠΎΠΏΠΈΡ€Π°Ρ‚ΡŒΡΡ.
УтСпляСмыС ΠΊΠΎΠ»ΠΎΠ΄Ρ†Ρ‹ Π½Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹Ρ… стСнах
  • Когда Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Ρ‘Ρ‚ ΠΎ ΠΆΠΈΠ»Ρ‹Ρ… Π΄ΠΎΠΌΠ°Ρ…, Ρ‚ΠΎ ΠΏΡ€ΠΎΠ»Ρ‘Ρ‚Ρ‹ стСн, Π·Π°ΠΊΠ»ΡŽΡ‡Ρ‘Π½Π½Ρ‹Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя ΠΏΠΎΠΏΠ΅Ρ€Π΅Ρ‡Π½ΠΎ ΠΏΡ€ΠΈΠΌΡ‹ΠΊΠ°ΡŽΡ‰ΠΈΠΌΠΈ стСнами, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°ΡŽΡ‚ ΡˆΠ΅ΡΡ‚ΠΈ ΠΌΠ΅Ρ‚Ρ€ΠΎΠ². Π˜Ρ… максимальная высота – Ρ‚Ρ€ΠΈ ΠΌΠ΅Ρ‚Ρ€Π°. Если ΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ· сообраТСний устойчивости, Ρ‚ΠΎ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠΈΡ€ΠΏΠΈΡ‡, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ 250 ΠΌΠΌ, Π²ΠΏΠΎΠ»Π½Π΅ достаточно. Но учитывая Π²Ρ‹ΡΠΎΠΊΡƒΡŽ Ρ‚Π΅ΠΏΠ»ΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΎΡΡ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Ρ‚Π°ΠΊΠΎΠΌ Π΄ΠΎΠΌΠ΅ Π·ΠΈΠΌΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΠ»ΠΎΠ΄Π½ΠΎ.
  • Π Π΅ΡˆΠ°ΡŽΡ‚ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΏΡƒΡ‚Ρ‘ΠΌ использования Ρ‰Π΅Π»Π΅Π²ΠΎΠ³ΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ с ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΊΠΎΠ»ΠΎΠ΄Ρ†Π΅Π²ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ стСн. ΠŸΡ€ΠΈ этом возводятся Π΄Π²Π΅ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½Ρ‹Π΅ стСнки: ΠΎΠ΄Π½Π° Π² ΠΏΠΎΠ»Ρ‚ΠΎΡ€Π° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π° другая Π² ΠΏΠΎΠ»ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Тёстко ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ ΠΏΠΎΠΏΠ΅Ρ€Π΅Ρ‡Π½Ρ‹ΠΌΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΡ‹Ρ‡ΠΊΠ°ΠΌΠΈ. ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Π²ΡˆΠΈΠ΅ΡΡ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ° полости, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΊΠΎΠ»ΠΎΠ΄Ρ†Π°ΠΌΠΈ, Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ ΠΏΠ΅Π½Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ сыпучим ΡƒΡ‚Π΅ΠΏΠ»ΠΈΡ‚Π΅Π»Π΅ΠΌ.
ДСкоративная ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠ° ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ стСны
  • ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ тСплотСхничСскими свойствами ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΠΈ Ρ‚Π°ΠΊ называСмая, модСрнизированная ΠΊΠ»Π°Π΄ΠΊΠ°, которая прСдставляСт собой Ρ‚Π΅ ΠΆΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠ»ΠΎΠ΄Ρ†Ρ‹, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Π΅ ΡƒΠΆΠ΅ Π½Π΅ ΡƒΡ‚Π΅ΠΏΠ»ΠΈΡ‚Π΅Π»Π΅ΠΌ, Π° Π»Ρ‘Π³ΠΊΠΈΠΌ Π±Π΅Ρ‚ΠΎΠ½ΠΎΠΌ Π½Π° основС ΠΊΠ΅Ρ€Π°ΠΌΠ·ΠΈΡ‚Π° Π»ΠΈΠ±ΠΎ полистирола.

Π‘Ρ‚Π΅Π½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΈ ΡΠ»ΠΎΠΈΡΡ‚ΡƒΡŽ структуру, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ стСнки ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ собой Π½Π΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΡ‹Ρ‡ΠΊΠ°ΠΌΠΈ, Π° мСталличСскими ΠΈΠ»ΠΈ Π³ΠΈΠ±ΠΊΠΈΠΌΠΈ стСклопластиковыми связями.

Π§Π°Ρ‰Π΅ всСго, Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΡ€ΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΎΠ±Π»ΠΈΡ†ΠΎΠ²ΠΊΠ΅ нСсущСй стСны Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΎΠΌ. Π£Ρ‚Π΅ΠΏΠ»ΠΈΡ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈ этом ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΡƒΠΆΠ΅ Π½Π΅ сыпучий, Π° ΠΏΠ»ΠΈΡ‚Π½Ρ‹ΠΉ: ΠΌΠΈΠ½Π²Π°Ρ‚Π°, ΠΏΠ»ΠΈΡ‚Ρ‹ ППБ, пСностСкло, Π²Π΅Ρ€ΠΌΠΈΠΊΡƒΠ»ΠΈΡ‚.

Кладка ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° Π½Π° Ρ†Π΅ΠΌΠ΅Π½Ρ‚

ΠšΠΈΡ€ΠΏΠΈΡ‡Π½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ° считаСтся самым популярным способом возвСдСния стСн, ΠΎΠ΄Π½Π°ΠΊΠΎ, нСсмотря Π½Π° свою ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ, ΠΎΠ½Π° содСрТит мноТСство нюансов. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, качСство ΠΈ Π΄ΠΎΠ»Π³ΠΎΠ²Π΅Ρ‡Π½ΠΎΡΡ‚ΡŒ сооруТСний, Π²ΠΎΠ·Π²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… ΠΈΡ… ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, зависит Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ стСн, Π½ΠΎ ΠΈ ΠΎΡ‚ Π²Ρ‹Π±ΠΎΡ€Π° самого ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, качСства ΠΊΠ»Π°Π΄ΠΎΡ‡Π½ΠΎΠ³ΠΎ раствора ΠΈ наличия ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π½Π°Π²Ρ‹ΠΊΠΎΠ². Π‘ΠΎΠ»ΡŒΡˆΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΎΠΌ слСдуСт ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ качСству ΠΈ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠΌΡƒ Ρ€Π°ΡΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ раствора, это позволяСт ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ Ρ‚Π΅ΠΏΠ»ΠΎΠ²Ρ‹Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΠΈ Π² ΡˆΠ²Π°Ρ…, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ ΠΏΠΎΠΏΠ°Π΄Π°Π½ΠΈΠ΅ Π²Π»Π°Π³ΠΈ.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ стандарты Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ шва Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 12ΠΌΠΌ, Π½ΠΎ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 8ΠΌΠΌ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈ осущСствлСнии ΠΊΠ»Π°Π΄ΠΊΠΈ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π½Ρ‹Π΅ особСнности ΠΊΠ»ΠΈΠΌΠ°Ρ‚Π°, Ссли ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ Π² ΠΆΠ°Ρ€Ρƒ, Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ обильно ΡΠΌΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° для обСспСчСния Π±ΠΎΠ»Π΅Π΅ качСствСнного сцСплСния с раствором. Π—Π° ΡƒΡΡ‚ΠΎΠΉΡ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ стСн ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ ΠΈ особСнности самой ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°, Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ отсутствиС Ρ‚Ρ€Π΅Ρ‰ΠΈΠ½ Π½Π° стСнах. Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ схСмы располоТСния ΠΊΠΈΡ€ΠΏΠΈΡ‡Π΅ΠΉ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ.

НаиболСС популярная схСма ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ считаСтся однослойной, ΠΊΠΎΠ³Π΄Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ, располоТСнныС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π°ΠΌΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ряду находятся Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ†ΠΈΠΈ сСрСдины ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΊΠ»Π°Π΄ΠΎΡ‡Π½ΠΎΠ³ΠΎ ряда. Π’Π°ΠΊΠΎΠΉ простой ΠΈ распространСнный способ ΠΊΠ»Π°Π΄ΠΊΠΈ обСспСчиваСт Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ стСн. Π’Π°ΠΊΠΈΠΌ способом ΠΊΠ»Π°Π΄ΠΊΠΈ Π² основном строят ΠΆΠΈΠ»Ρ‹Π΅ Π΄ΠΎΠΌΠ°. ΠšΡ€ΠΎΠΌΠ΅ самой ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Ρ†Π΅ΠΌΠ΅Π½Ρ‚Π½ΠΎΠΌΡƒ раствору, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ пропорциям ΠΈ качСству Ρ†Π΅ΠΌΠ΅Π½Ρ‚Π°. Π’ стандартном Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ раствор Π·Π°ΠΌΠ΅ΡˆΠΈΠ²Π°ΡŽΡ‚ 1:4 ΠΈΠ»ΠΈ ΠΊ ΠΎΠ΄Π½ΠΎΠΉ части Ρ†Π΅ΠΌΠ΅Π½Ρ‚Π° Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ части просСянного пСска, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ раствора ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π²ΠΎΠ΄Ρ‹.

Π’ нашСм Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ Β«ΠŸΠΎΠ·ΠΈΡ‚ΠΈΠ²-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Β» ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡƒΠΏΠΈΡ‚ΡŒ качСствСнныС ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Π² любом объСмС с ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ доставкой Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅ΠΌ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Π½Π°ΡˆΡƒ выставку Π² Π³ΠΎΡ€ΠΎΠ΄Π΅ Коломна, Π³Π΄Π΅ прСдставлСн ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ ассортимСнт Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Ρ‹ΡΠΎΠΊΠΎΠΊΠ²Π°Π»ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΡŽ Π½Π°ΡˆΠΈΡ… спСциалистов.

Masonry Layout β€” CSS: каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй

Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ 3 спСцификации CSS Grid Layout Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ masonry для grid-template-columns ΠΈ grid-template-rows . Π’ этом руководствС ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описано, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅: Π­Ρ‚Π° функция Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Firefox, ΠΈ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, установив Ρ„Π»Π°Π³Β  layout.css.grid-template-masonry-value.enabled Π½Π° true Π² about:config , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ тСстированиС ΠΈ прСдоставлСниС ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи.

Масонская ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° β€” это ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ΄Π½Π° ось ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚ΠΈΠΏΠΈΡ‡Π½ΡƒΡŽ ΡΡ‚Ρ€ΠΎΠ³ΡƒΡŽ ΡΠ΅Ρ‚ΠΎΡ‡Π½ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡƒ, Ρ‡Π°Ρ‰Π΅ всСго столбцы, Π° другая β€” ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡƒ. На оси ΠΊΠ»Π°Π΄ΠΊΠΈ вмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ строгой сСтки с ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ°ΠΌΠΈ, оставлСнными послС Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… элСмСнтов, элСмСнты Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ряду ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π²Π²Π΅Ρ€Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ.

Для создания Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнной схСмы ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ ваши столбцы Π±ΡƒΠ΄ΡƒΡ‚ осью сСтки, Π° строки β€” осью ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ этот ΠΌΠ°ΠΊΠ΅Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ столбцов сСтки-шаблона ΠΈ строк-шаблона сСтки :

.
  .ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ {
  ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: сСтка;
  Π·Π°Π·ΠΎΡ€: 10 пиксСлСй;
  столбцы сСтки-шаблона: ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ (Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, minmax (120px, 1fr));
  grid-template-rows: ΠΊΠ»Π°Π΄ΠΊΠ°;
}
  

Π”ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты этого ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ поэлСмСнтно вдоль строк, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ автоматичСском Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ сСтки. Однако ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку элСмСнты Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² соотвСтствии с Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠΌ ΠΊΠ»Π°Π΄ΠΊΠΈ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ Π² столбСц с наибольшСй ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒΡŽ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΠΏΠ»ΠΎΡ‚Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ΅ Π±Π΅Π· строгих Π΄ΠΎΡ€ΠΎΠΆΠ΅ΠΊ строк.

Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΊΠ»Π°Π΄ΠΊΠΈ с Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ элСмСнтов Π² ряды.

На оси сСтки всС Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚Π΅ ΠΎΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сСтки. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ элСмСнты ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ нСсколько Π΄ΠΎΡ€ΠΎΠΆΠ΅ΠΊ, ΠΎΡΡ‚Π°Π²Π°ΡΡΡŒ ΠΏΡ€ΠΈ этом Π² автоматичСском Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово span . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ с использованиСм Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ³ΠΎ позиционирования.

ΠœΠ°ΠΊΠ΅Ρ‚ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ с ΡΠ²ΡΠ·ΡƒΡŽΡ‰ΠΈΠΌΠΈ элСмСнтами

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π΄Π²Π° элСмСнта ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π΄Π²Π΅ Π΄ΠΎΡ€ΠΎΠΆΠΊΠΈ, Π° элСмСнты ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π²ΠΎΠΊΡ€ΡƒΠ³ Π½ΠΈΡ….

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ элСмСнт с ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ столбцов. ΠŸΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΊΠ»Π°Π΄ΠΊΠΈ.

Ось ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½Π° слСдуСт ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, Π° Π½Π΅ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ автоматичСского размСщСния сСтки. Для управлСния этой осью Ρƒ нас Π΅ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… свойства, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π² спСцификации Grid Level 3: align-tracks , justify-tracks ΠΈ masonry-auto-flow .

masonry-auto-flow

Бвойство masonry-auto-flow позволяСт ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ° ΠΊΠ»Π°Π΄ΠΊΠΈ.ΠŸΡ€ΠΈΡΠ²ΠΎΠΉΡ‚Π΅ Π΅ΠΌΡƒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ , Π·Π°Ρ‚Π΅ΠΌ , ΠΈ элСмСнты Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎ порядку Π½Π° оси сСтки, Π° Π½Π΅ Π½Π° Ρ‚ΠΎΠΉ Π΄ΠΎΡ€ΠΎΠΆΠΊΠ΅, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ большС всСго свободного мСста. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ , ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΊΠ°ΠΊ , Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ΠΌ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ элСмСнты Π² порядкС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° с ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½Ρ‹ΠΌ порядком.

align-tracks

Бвойство align-tracks позволяСт Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ элСмСнты Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°Ρ… сСтки с ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΏΠΎ оси Π±Π»ΠΎΠΊΠ°. Бвойство Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅Ρ‚ элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΈΡ… Π΄ΠΎΡ€ΠΎΠΆΠΊΠΈ, Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ гибкая ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ°.Бвойство ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚Π΅ ΠΆΠ΅ значСния, Ρ‡Ρ‚ΠΎ ΠΈ align-content , ΠΎΠ΄Π½Π°ΠΊΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ значСния выравнивания для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π΄ΠΎΡ€ΠΎΠΆΠΊΠΈ Π½Π° оси сСтки.

Если ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ большС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ‡Π΅ΠΌ Π΄ΠΎΡ€ΠΎΠΆΠ΅ΠΊ, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ. Если Ρ‚Ρ€Π΅ΠΊΠΎΠ² большС, Ρ‡Π΅ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Π»ΡŽΠ±Ρ‹Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Ρ€Π΅ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ послСднСС ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

justify-tracks

Бвойство justify-tracks Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ align-tracks, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° ось ΠΊΠ»Π°Π΄ΠΊΠΈ являСтся встроСнной осью.

Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… ΠΊΠ°ΠΌΠ΅Π½Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ, вмСсто этого Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ автоматичСскоС Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ сСтки.

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΊ CSS Masonry Layout | CSS-Ρ‚Ρ€ΡŽΠΊΠΈ

ΠœΠ°ΠΊΠ΅Ρ‚ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ β€” это ΠΊΠΎΠ³Π΄Π° элСмСнты Π½Π΅ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ Π½Π΅Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½Ρ‹Ρ… Π·Π°Π·ΠΎΡ€ΠΎΠ². Π― ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡŽ, Ρ‡Ρ‚ΠΎ этот Ρ‚Π΅Ρ€ΠΌΠΈΠ½ Π±Ρ‹Π» ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π½ (ΠΈΠ»ΠΈ, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, популяризирован) для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° Дэвидом Π”Π΅Π‘Π°Π½Π΄Ρ€ΠΎ ΠΈΠ·-Π·Π° Π΅Π³ΠΎ популярной Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Masonry JavaScript, которая сущСствуСт с 2010 Π³ΠΎΠ΄Π°.

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript .НичСго ΠΏΡ€ΠΎΡ‚ΠΈΠ² JavaScript, Π½ΠΎ понятно, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° Π½Π΅Π³ΠΎ для создания ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π•ΡΡ‚ΡŒ Π»ΠΈ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ нСпосрСдствСнно Π² CSS Π² наши Π΄Π½ΠΈ? Π‘ΠΎΡ€Ρ‚Π°.

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ порядок с Ρ€Π²Π°Π½Ρ‹ΠΌ Π΄Π½ΠΈΡ‰Π΅ΠΌ?

Если это Ρ‚Π°ΠΊ, Ρ‚ΠΎ столбцы CSS Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚.

Flexbox Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ столбцы с Ρ€Π²Π°Π½Ρ‹ΠΌΠΈ ΠΊΠΎΠ½Ρ†Π°ΠΌΠΈ

Но это Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΌΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ высоту, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° ΠΎΠ±Π΅Ρ€Π½ΡƒΠ»Π° столбцы. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ‡Π΅Ρ‚ΠΊΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Π° Π½Π΅ Π·Π°ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π΅Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ столбцы Π·Π° вас.

Но это Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌΠΎ, ΠΈ ΠΎΠ½ автоматичСски распрСдСляСт ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ, Ссли Π΅ΡΡ‚ΡŒ мСсто.

Π’Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ чистый Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΡ€Π°ΠΉ? ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ Flexbox/JavaScript ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ.

Jamie Perkins ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ написал это, Π·Π°Ρ‚Π΅ΠΌ Janosh Riebesell пСрСписал это, ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ я ΠΏΠ΅Ρ€Π΅Π½ΠΎΡˆΡƒ это сюда.

Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π°Ρ€ΡƒΡˆΠ°Π΅Ρ‚ порядок ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚ Π΄Π΅Ρ‚Π΅ΠΉ гибкости Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ своСго роста, Π½ΠΎ это ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚:

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π»ΠΈ ΠΊΠ»Π°Π΄ΠΊΠ° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ?

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅Ρ€ΠΎΠ²Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½Ρ‹ΠΉ Π²ΠΈΠ΄, Ρ‚ΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ΠΊΠ»Π°Π΄ΠΊΠ° Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅.ВСроятно, Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Π΄Π°ΠΆΠ΅ ΠΏΠ»Π°Π²Π°Ρ‚ΡŒ, Ссли вас Π½Π΅ Π²ΠΎΠ»Π½ΡƒΠ΅Ρ‚ Ρ€Π²Π°Π½Ρ‹ΠΉ ΠΊΡ€Π°ΠΉ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ блокировку… flexbox с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½Π½Ρ‹ΠΌ flex-grow β€” это Π±ΠΈΠ»Π΅Ρ‚.

МоТно Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ сСтка CSS ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ

CSS-сСтка

ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Π° ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Π° Π² повсСднСвной ΠΆΠΈΠ·Π½ΠΈ CSS-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Π½ΠΎ Π½Π° самом Π΄Π΅Π»Π΅ ΠΎΠ½Π° Π½Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² стилС ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ. Π‘Π΅Ρ‚ΠΊΠ° CSS ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для опрСдСлСния Π»ΠΈΠ½ΠΈΠΉ ΠΈ размСщСния элСмСнтов вдоль этих Π»ΠΈΠ½ΠΈΠΉ, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΊΠ»Π°Π΄ΠΊΠ° позволяСт элСмСнтам Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΌ, Π³Π΄Π΅ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚, Π½ΠΎ всС ΠΆΠ΅ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎΠ΅ влияниС.

BalΓ‘zs Sziklai ΠΈΠΌΠ΅Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ автоматичСски ΠΏΠ»Π°Π²Π½Ρ‹Ρ… сСток, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ вмСстС, с довольно Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ порядком :

Но Π²Ρ‹ ΠΆΠ΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ строгиС Π»ΠΈΠ½ΠΈΠΈ. Однако Π΅ΡΡ‚ΡŒ способ!

Π‘Π΅Ρ‚ΠΊΠ° + Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Ρ‹ строк, управляСмыС JavaScript

Π­Π½Π΄ΠΈ Бэрфут написал ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡƒΡ‚Π΅Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ. Π₯ΠΈΡ‚Ρ€ΠΎΡΡ‚ΡŒ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² настройкС ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΡ…ΡΡ строк сСтки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ довольно ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌΠΈ, позволяя элСмСнтам ΠΏΠ°Π΄Π°Ρ‚ΡŒ Π² сСтку Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚, Π° Π·Π°Ρ‚Π΅ΠΌ рСгулируя ΠΈΡ… высоту, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° соотвСтствовала сСткС, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… довольно простых матСматичСских вычислСний, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ, сколько строк ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ.

Π Π°Ρ…ΡƒΠ» Арора Ρ‚ΠΎΠΆΠ΅ пошСл ΠΏΠΎ этому ΠΏΡƒΡ‚ΠΈ:

Оба ΠΎΠ½ΠΈ довольно ΠΊΡ€ΡƒΡ‚Ρ‹ Π² Ρ‚ΠΎΠΌ смыслС, Ρ‡Ρ‚ΠΎ порядок DOM ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ порядок ΠΈΠΌΠ΅ΡŽΡ‚ смысл.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ со смСщСнным порядком Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Flexbox

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅ ΠΎΠ± использовании порядка для пСрСмСщСния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²ΠΎ флСксбоксС ΠΈΠ»ΠΈ сСткС, Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π½Π° опасной Ρ‚Π΅Ρ€Ρ€ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ порядок табуляции, скорСС всСго, Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ порядку DOM, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ большС Π½Π΅ соотвСтствуСт ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΠΎΠΌΡƒ порядку табуляции, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π²Π΅Ρ‰ΠΈ двинулся со всСх сторон. Π’ этой дСмонстрации Π”ΠΈΠ΄Π΅Ρ€ΠΈΠΊΠ° Π²Π°Π½ Π›Π΅ΡƒΠ²Π΅Π½Π° порядок ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π»ΠΎΡΡŒ ΠΊΠ°ΠΊ flexbox, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Π½Π° столбцы, Π½ΠΎ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π»ΠΎΡΡŒ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ упорядочСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ…ΠΈΡ‚Ρ€ΠΎΠ³ΠΎ JavaScript.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ со сдвигом DOM Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ столбцов CSS

Π›ΡŽΠ΄ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ хотят, Ρ‡Ρ‚ΠΎΠ±Ρ‹ столбцы Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Π»ΠΈΡΡŒ Π΄Ρ€ΡƒΠ³ Π½Π°Π΄ Π΄Ρ€ΡƒΠ³ΠΎΠΌ (различная высота элСмСнтов), Π½ΠΎ с Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ порядком. ПослСдняя дСмонстрация сСтки Π²Ρ‹ΡˆΠ΅ справляСтся с этим довольно Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Π½ΠΎ это Π½Π΅ СдинствСнный способ.

ДТСсси ΠšΠΎΡ€Π·Π°Π½ Ρ€Π΅ΡˆΠΈΠ» эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ столбцов CSS.Для этого Ρ‚Π°ΠΊΠΆΠ΅ Π½ΡƒΠΆΠ΅Π½ JavaScript. Π’ этом случаС ΠΎΠ½ сдвигаСт элСмСнты Π² DOM, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ, обСспСчивая Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ стСк с использованиСм ΠΌΠ°ΠΊΠ΅Ρ‚Π° столбцов CSS. Π­Ρ‚ΠΎ создаСт Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ доступности, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ порядок (слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ) ΠΈ исходный порядок (свСрху Π²Π½ΠΈΠ·) ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ & dash; хотя, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это ΠΏΠΎΠΏΡ€Π°Π²ΠΈΠΌΠΎ с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ tabindex ?

Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹

Π£ΠΏΠ»Ρ‹Π²Π°ΠΉΡ‚Π΅, ΠΌΠΎΠΈ красотки.

И Π±ΠΎΠ»Π΅Π΅ новая модная вСрсия: Colcade!

А Π²ΠΎΡ‚ ΠΈ MagicGrid, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ flexbox слСгка ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ JavaScript:

CSS Π“ΡƒΠ΄ΠΈΠ½ΠΈ!

Houdini Ρ€Π°Π·Π±ΠΈΡ‚ Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ API, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ Π² Ρ€Π°Π·Π½ΠΎΠ΅ врСмя. API-интСрфСйсы Paint ΠΈ Typed OM находятся дальшС всСх, Π½ΠΎ Π΅ΡΡ‚ΡŒ нСкоторая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Layout API, Ρ‡Ρ‚ΠΎ нСвСроятно интСрСсно, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠ΅ возмоТности, ΠΊΠ°ΠΊ masonry layout.flex-gro

.

Π’ΠΎΡ‚ Π΄Π΅ΠΌΠΎ ΠΎΡ‚ Google:

ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² CSS Masonry: Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅, Π»Π΅Π³ΠΊΠΈΠ΅ ΠΈ ΠŸΠ ΠžΠ‘Π’Π«Π•!

Pinterest Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΠ» ΠΌΠ½ΠΎΠ³ΠΈΡ… Π½Π° созданиС ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π½Π° основС ΠΊΠΈΡ€ΠΏΠΈΡ‡Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° своих сайтах.Π£ нас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ нСсколько Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Ρ… Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ² JavaScript для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ. Как насчСт Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π° чистом CSS?

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ дальшС, Ρƒ мСня Π΅ΡΡ‚ΡŒ для вас новости ΠΎ ΠΌΠΎΠΈΡ… экспСримСнтах с ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ CSS:

ПослС запуска Pinterest Π² 2011 Π³ΠΎΠ΄Ρƒ я сам пытался ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π΄Π²ΠΎΠΉΠ½ΠΈΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простого CSS. Π― Π½Π°Ρ‡Π°Π» с использования ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΡ… элСмСнтов CSS, Π·Π°Ρ‚Π΅ΠΌ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» встроСнныС Π±Π»ΠΎΠΊΠΈ ΠΈ Π² ΠΈΡ‚ΠΎΠ³Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» испорчСнный ΠΌΠ°ΠΊΠ΅Ρ‚ с Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ выглядит шаблон ΠΊΠ»Π°Π΄ΠΊΠΈ

НС совсСм Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π° свойства отобраТСния Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹.ВсС, Ρ‡Ρ‚ΠΎ Ρƒ мСня ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ, это столбики ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ высоты, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π΅ являСтся ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ. ПозТС я добился успСха, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅Π΄ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ свойства CSS.

Π‘Π΅ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Ρ€Π΅Ρ†Π΅ΠΏΡ‚ CSS для Masonry Layout

Π’ΠΎΠΎΠ±Ρ‰Π΅-Ρ‚ΠΎ Π½Π΅ сСкрСт, ΠΎΠ± этом ΡƒΠΆΠ΅ писали. ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΈΠ΄Ρ‚ΠΈ дальшС, я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ Π΄Π΅ΠΌΠΎ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ собираСмся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ:

.

Базовая дСмонстрация Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ дСмонстрация

О сСкрСтС , я ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ» эту Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ, экспСримСнтируя со свойствами столбцов CSS.ПозТС я Ρ‚Π°ΠΊΠΆΠ΅ внСс Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ этого экспСримСнта Π² ΠΏΠ»Π°Π³ΠΈΠ½ WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² Ρ‚ΠΎ врСмя Π±Ρ‹Π» Ρ…ΠΈΡ‚ΠΎΠΌ.


ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ Π³Π»Π°Π·Π°, я Π³ΠΎΠ²ΠΎΡ€ΡŽ ΠΎ ΠΌΠΎΠ΄ΡƒΠ»Π΅ ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ CSS. Или , ΠΎΠ½ ΠΆΠ΅ , камСнная волшСбная ΠΏΠ°Π»ΠΎΡ‡ΠΊΠ°.

Π­Ρ‚ΠΎΡ‚ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ позволяСт Π½Π°ΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊΠΈ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… столбцов. ΠœΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ свойства столбСц ΠΈ количСство столбцов Π² совокупности Π·Π°Π»ΠΎΠΆΠΈΠ»ΠΈ основу нашСй ΠΊΠ»Π°Π΄ΠΊΠΈ.

ПослС этого ΠΌΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΆΠ΅Π»ΠΎΠ± ΠΊ нашСй ΠΊΠ»Π°Π΄ΠΊΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Β  column-gap, это Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ свойство .

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : Π–Π΅Π»ΠΎΠ± – это пространство ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами ΠΊΠ»Π°Π΄ΠΊΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π·Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π² HTML ΠΈ CSS, это руководство Π±ΡƒΠ΄Π΅Ρ‚ для вас Π»Π΅Π³ΠΊΠΈΠΌ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€Ρ‹Π³Π½Π΅ΠΌ Π² бСспорядок ΠΊΠΎΠ΄Π°.

Бвойство количСства столбцов

CSS column-count позволяСт Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ количСство смСТных столбцов ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ Π±Π»ΠΎΡ‡Π½ΠΎΠΌΡƒ элСмСнту. Π”ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² соотвСтствии с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ количСством столбцов.

И это Π΄Π°Π΅Ρ‚ эффСкт ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ участия JavaScript.ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ подсчСтС столбцов Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ здСсь.

Как насчСт расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами сСтки? Бвойство column-gap Ρ€Π΅ΡˆΠΈΠ»ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΆΠ΅Π»ΠΎΠ±Π°.

HTML

НачнСм с Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. Π­Ρ‚ΠΎ Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° с ΠΊΡƒΡ‡Π΅ΠΉ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ², Π±Ρ€ΠΎΡˆΠ΅Π½Π½Ρ‹Ρ… Π²Π½ΡƒΡ‚Ρ€ΡŒ.

  <Π΄Π΅Π»>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<Π΄Π΅Π»>... ... ... <Π΄Π΅Π»>...

Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π²Ρ‹ΡˆΠ΅, Ρ„Π°ΠΉΠ» .ΠžΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»Π°Π΄ΠΊΠΈ дСйствуСт ΠΊΠ°ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ ΠΊΠ»Π°Π΄ΠΊΠΈ, Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт .item дСйствуСт ΠΊΠ°ΠΊ элСмСнт ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π― Ρ‚Π°ΠΊΠΆΠ΅ использовал Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° дСмонстрационной страницС для практичСски Π»ΡƒΡ‡ΡˆΠ΅ΠΉ дСмонстрации.

Π£Π‘Π‘

Π’Π΅ΠΏΠ΅Ρ€ΡŒ самоС интСрСсноС ΠΈ Π²Π°ΠΆΠ½ΠΎΠ΅, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ CSS.

  .masonry { /* ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ */
количСство столбцов: 4;
Ρ€Π°Π·Ρ€Ρ‹Π² столбца: 1em;
}

.item { /* ΠšΠ»Π°Π΄ΠΎΡ‡Π½Ρ‹Π΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈ ΠΈΠ»ΠΈ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты */
Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°: #eee;
ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: встроСнный Π±Π»ΠΎΠΊ;
ΠΏΠΎΠ»Π΅: 0 0 1em;
ΡˆΠΈΡ€ΠΈΠ½Π°: 100%;
}  

ВыполняСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π²Ρ‹ΡˆΠ΅ CSS:

  1. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ свойство column-count ΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ.ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ автоматичСски ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ элСмСнты Π² стилС ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ.
  2. УстановитС элСмСнты ΠΊΠ°ΠΊ встроСнныС Π±Π»ΠΎΠΊΠΈ со 100% ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ»ΠΎΠ½Π½ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π­Ρ‚ΠΎ основная идСя. Π’ ΠΈΡ‚ΠΎΠ³Π΅ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого Π΄Π΅ΠΌΠΎ.

Π Π΅Π·Π΅Ρ€Π²Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚?

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°? Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹ CSS достаточно Π½Π°Π΄Π΅ΠΆΠ½Ρ‹, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ соврСмСнными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ. Однако Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ добавлСния Ρ€Π΅Π·Π΅Ρ€Π²Π½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° JavaScript ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Ρ‹Π±ΠΎΡ€Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅.

ДСйствуйтС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ JavaScript Π² качСствС запасного Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° для нашСй ΠΊΠ°ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ CSS Π² IE9 ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ΅:

    

Π­Ρ‚Π° базовая ΠΊΠ»Π°Π΄ΠΊΠ° ΡƒΠ΄ΠΎΠ±Π½Π° для устройств. Он Π½Π΅ создаСт полосы ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π΅Π³ΠΎ элСмСнтов Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹. Но Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ….

Адаптивная ΠΊΠ»Π°Π΄ΠΊΠ° CSS

Наряду с ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΡΡ‚ΡŒΡŽ, я попытался ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ наша базовая дСмонстрация. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ количСство столбцов для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ останова экрана с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Ρ… запросов.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π²ΠΎ всСх ΠΌΠΎΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ сброс Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°. Π’ΠΎΡ‚ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я использовал для обновлСния нашСй ΠΊΠ»Π°Π΄ΠΊΠΈ:

Π‘Ρ‚Π°ΠΉΠ»ΠΈΠ½Π³

  /* Бброс Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ: //w3bits.com/?p=3225 */
HTML {
box-sizing: Π³Ρ€Π°Π½ΠΈΡ†Π°-ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ°;
}

*,
*:Π΄ΠΎ,
*:послС {
box-sizing: Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ;
}

/* ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ Masonry */
.камСнная кладка {
ΠΌΠ°Ρ€ΠΆΠ°: 1.5эм Π°Π²Ρ‚ΠΎ;
максимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 768 пиксСлСй;
Π·Π°Π·ΠΎΡ€ ΠΌΠ΅ΠΆΠ΄Ρƒ столбцами: 1,5 em;
}

/* ΠšΠ»Π°Π΄ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΈΡ€ΠΏΠΈΡ‡ */
.ΠΏΡƒΠ½ΠΊΡ‚ {
Ρ„ΠΎΠ½: #fff;
Π½Π°Π±ΠΈΠ²ΠΊΠ°: 1em;
ΠΏΠΎΠ»Π΅: 0 0 1,5em;
}

/* ΠœΠ°ΡΠΎΠ½ΡΡ‚Π²ΠΎ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… экранах */
@media Ρ‚ΠΎΠ»ΡŒΠΊΠΎ экран ΠΈ (минимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 1024px) {
 .камСнная кладка {
 количСство столбцов: 4;
 }
}

/* Masonry Π½Π° экранах срСднСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° */
Волько экран @media ΠΈ (максимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 1023 пиксСлСй) ΠΈ (минимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 768 пиксСлСй) {
.камСнная кладка {
количСство столбцов: 3;
}
}

/* ΠœΠ°ΡΠΎΠ½ΡΡ‚Π²ΠΎ Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… экранах */
Волько экран @media ΠΈ (максимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 767 пиксСлСй) ΠΈ (минимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 540 пиксСлСй) {
. камСнная кладка {
количСство столбцов: 2;
}
}  

Π Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΏΠΎΡ‡Ρ‚ΠΈ такая ΠΆΠ΅, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°.

Π’ этом я использовал большС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ Π΄Π΅ΠΌΠΎ стало Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π² исходном ΠΊΠΎΠ΄Π΅ страницы.

Π”Π΅ΠΌΠΎ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ бСсплатно!


ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π΅Ρ€Π΅ΠΆΠ΅Π½ΠΈΡ

ЕдинствСнным нСдостатком этой Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π΅ΠΊΠ°ΡŽΡ‚ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΈΠ»ΠΈ справа Π½Π°Π»Π΅Π²ΠΎ.НСкоторыС ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» ΠΊ этому посту, касались получСния Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ‚ΠΎΠΊΠ° Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.

К соТалСнию, ΠΏΠΎΡ‚ΠΎΠΊ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ Π·Π° Ρ€Π°ΠΌΠΊΠΈ модуля CSS Multi-column Layout.


Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΡ

  • МногиС Таловались Π½Π° ΠΏΡ€ΠΎΠΏΠ°Π΄Π°Π½ΠΈΠ΅ изобраТСния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π² Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠ΅. Π― исправил это, установив для backface-visibility Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ hidden.
  • НСкоторыС Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ исчСзли ΠΏΡ€ΠΈ установкС Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ выравнивания посСрСдинС для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Подводя ΠΈΡ‚ΠΎΠ³, ΠΌΡ‹ создали ΠΊΠ»Π°Π΄ΠΊΡƒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° CSS с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ модуля ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠΉ вСрстки. МСня это Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π½Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΠ»ΠΎ Π½Π° 100%, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠ»Π°Π΄ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅, ΠΈΠ΄Π΅Ρ‚ свСрху Π²Π½ΠΈΠ·, Π° Π½Π΅ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΌΠΎΠΉ послСдний экспСримСнт ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ CSS Grid Masonry.


ОбновлСния

100% CSS-Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π½Π΅ сущСствуСт. Однако Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ JavaScript Ρ‚Π²ΠΎΡ€ΠΈΡ‚ чудСса, создавая ΠΊΠ°ΠΌΠ΅Π½Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ CSS Grid.

Π”Π°Π»Π΅Π΅ ΠΈΠ΄ΡƒΡ‚ наши Π΄Ρ€ΡƒΠ·ΡŒΡ-Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ»ΠΎΡ…ΠΎ Π·Π½Π°ΠΊΠΎΠΌΡ‹ с CSS ΠΈ HTML ΠΈΠ»ΠΈ хотят ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, Π° Π½Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Π― создал эту ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρƒ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π½Π΅ ΡƒΠΌΠ΅Π΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΊΠ»Π°Π΄ΠΊΡƒ Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ инструмСнт Masonry Generator здСсь

МоТно Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, Ρ€Π°ΡΠΊΡ€Π°ΡΠΈΡ‚ΡŒ ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ»Π°Π΄ΠΊΡƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π·Π°Π°Ρ€Ρ…ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Π₯ΠΎΡ€ΠΎΡˆΠΎ, Ρ‡Ρ‚ΠΎ это 100% бСсплатно!


Π’ΠΎΡ‚ ΠΈ всС! ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ этим Π·Π°Ρ€Π°Π½Π΅Π΅, Ссли это Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΈΠ»ΠΈ интСрСсно.И, ΠΊΠ°ΠΊ всСгда, я ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽ ваши мысли, вопросы ΠΈ прСдлоТСния Π² коммСнтариях.

3 простых ΠΌΠ°ΠΊΠ΅Ρ‚Π° Masonry Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ ваши ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ | Вомаш Π₯ΠΌΠ΅Π»ΡŒΠ½ΠΈΡ†ΠΊΠΈΠΉ | Π‘Ρ‚Π°Ρ€Ρ‚Π°ΠΏ

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ, ΠΊΠ°ΠΊ Π½Π° Pinterest. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρ‹ здСсь нСумСстны. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ это Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½Π°ΠΌ сначала Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ высоту Π½Π°ΡˆΠΈΡ… div. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это Π»Π΅Π³ΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСлСктора :nth-child() . Π”Π°Π²Π°ΠΉΡ‚Π΅ сдСлаСм Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ‰ΠΈ казались Π±ΠΎΠ»Π΅Π΅ случайными!

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас всС настроСно.Нам просто Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ div. Для этого ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ столбцы CSS. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΠΌ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, ΡƒΠΊΠ°Π·Π°Π² Π»ΠΈΠ±ΠΎ количСство столбцов, Π»ΠΈΠ±ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ столбца. Π”Π°Π²Π°ΠΉΡ‚Π΅ установим ΡˆΠΈΡ€ΠΈΠ½Ρƒ столбца, Ρ‡Ρ‚ΠΎΠ±Ρ‹ количСство столбцов Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π»ΠΎΡΡŒ Π² соотвСтствии с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ элСмСнта. Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹ заполнят доступноС пространство.

Π₯ΠΎΡ€ΠΎΡˆΠΎ, это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½Π°ΡˆΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚. Однако Π΅ΡΡ‚ΡŒ способ ΠΎΠ±ΠΎΠΉΡ‚ΠΈ это. ВсС, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ для свойства display Π½Π°ΡˆΠΈΡ… div Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ inline-block:

Π’Π°-Π΄Π°! Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΡˆΠ°Ρ€ΠΌ.ΠžΡΡ‚Π°Π»ΠΎΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ Π²Π΅Ρ‰ΡŒ. ΠœΠ΅ΠΆΠ΄Ρƒ Π΄ΠΈΠ²Π°ΠΌΠΈ слишком ΠΌΠ½ΠΎΠ³ΠΎ мСста. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ это, Π΄Π°Π²Π°ΠΉΡ‚Π΅ установим ΡˆΠΈΡ€ΠΈΠ½Ρƒ элСмСнтов Π½Π° 100%. Они заполнят всС доступноС пространство Π²Π½ΡƒΡ‚Ρ€ΠΈ своих ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ.

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΎ идСально. ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈ идСально. ΠŸΠΎΡ€ΡΠ΄ΠΎΠΊ Π½Π°ΡˆΠΈΡ… элСмСнтов Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ наши элСмСнты Π½Π΅ упорядочСны Π² хронологичСском порядкС слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, выглядит Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ прост Π² Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ этого ΠΌΠ°ΠΊΠ΅Ρ‚Π° со всСм ΠΊΠΎΠ΄ΠΎΠΌ здСсь .

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π»ΠΈ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΎ ΠΆΠ΅ самоС со столбцами flexbox, Π½ΠΎ Ρ‚ΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ явно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ высоту ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ столбцы ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΠ»ΠΈΡΡŒ. Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС Π²Ρ‹ просто ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ столбСц. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, порядок ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Masonry Β· Bootstrap v5.0

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ Masonry с систСмой сСтки Bootstrap ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠΌ ΠΊΠ°Ρ€Ρ‚.

Masonry Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Π² Bootstrap.Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π΅Π³ΠΎ, Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² ΠΏΠ»Π°Π³ΠΈΠ½ JavaScript Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ CDN, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

.