Притягування елементу відбувається, коли всередині Flex block він наближається на менше ніж 5 пікселів до іншого вільно розміщеного елемента, межи або центра блоку тощо. Водночас з’являється червона лінія, яка відображає до якої межі відбулося притягування. Це дозволяє зручно розміщувати елементи у 1 лінію або впритул один до одного.

Підказка: під час переміщення елементів за допомогою стрілочок на клавіатурі притягування не здійснюється — це зручно, коли вам необхідно розмістити елемент на відстані менше ніж 5 пікселів від об’єкту, до якого відбувається притягування.

Проте ви можете вимкнути автоматичне притягування елементів до інших об’єктів у Flex block. Це може знадобитися, якщо є потреба мати можливість не лише стрілочками на клавіатурі, а й мишкою розміщувати елементи ближче ніж 5 пікселів один до одного та інших об’єктів.

Вимкнення притягування

Натисніть на кнопку Інструменти в у правому верхньому куті в редакторі та вимкніть перемикач Притягування до об’єктів:

Об'єкти до яких здійснюється наближення

Притягування елементів відбувається під час наближення на 5 пікселів до наступних об'єктів:
Інший елемент;
Межа блока;
Центр блока;
Під час наближення грані елемента до лінії, яку можна провести від грані чи центра інших елементів;
Під час наближення центру елемента до лінії, яку можна провести від грані чи центра інших елементів.

Примітка: притягування також здійснюється під час зміни розміру елементів (наприклад, тексту чи зображення), якщо після зміни його розміру елемент наблизився ближче ніж 5 пікселів до іншого об'єкту (елемент, межи блоку тощо).
Підказка: також притягування відбувається під час повороту елементів до кожних 15 градусів повороту, коли елементу залишається 3° до кута, що кратний 15. Коли ви повертаєте елемент і він досягає 12° повороту, то він автоматично довернеться до 15°. Аналогічно довертання відбувається до 30°, 45°, 60°, 75° тощо.

Оновлено: 16/01/2024