разница между ml-auto и justify-content-end в bootstrap

#html #css

#HTML #css — код

Вопрос:

спасибо за внимание и за то, что прочитали это.

в чем разница ml-auto и justify-content-end в bootstrap?

введите описание изображения здесь

введите описание изображения здесь

я использовал оба класса, но они делают похожие вещи, плавают правильно, и какой класс, который я использую, имеет какое-то значение?

Ответ №1:

Класс начальной ml-auto загрузки устанавливает margin-left: auto!important , тогда как
justify-content-end Наборы justify-content: flex-end!important .

margin-left можно установить левое поле для любого типа элемента, смещая его слева от предыдущего элемента. Из-за этого он обычно применяется к коробочной модели, хотя обратите внимание, что он привязан к box-sizing ней, поэтому может привести к краху поля. auto почти всегда устанавливается значение 0 , хотя есть несколько исключений в зависимости от типа макета:

Левое поле получает долю неиспользуемого горизонтального пространства, что определяется главным образом используемым режимом компоновки. Если значения margin-left и margin-right оба являются автоматическими, вычисленное пространство распределяется равномерно.

justify-content предназначен специально для flexbox и flex-end просто выравнивает целевой элемент (содержимое) по правой стороне (концу) контейнера:

введите описание изображения здесь

Комментарии:

1. я понимаю, спасибо за исчерпывающий ответ