Flexbox и вращение [закрыто]Javascript

Форум по Javascript
Ответить
Anonymous
 Flexbox и вращение [закрыто]

Сообщение Anonymous »

В настоящее время я борюсь с гибким ящиком и вращением изображений. Некоторые из изображений могут быть случайным образом повернуты на 90 градусов. < /P>
Я хочу, чтобы контейнер автоматически регулировал, когда вращаются одно или несколько изображений, поэтому они не перекрывают друг друга. PrettyPrint-Override ">

Код: Выделить всё

.container {
display: flex;
height: 200px;
width: 600px;
background-color: yellow;
justify-content: center;
align-items: center;
}

.item {
justify-content: center;
align-items: center;
}

.rotated-item {
}

img {
height: 150px;
}

.rotated-img {
transform: rotate(90deg);
}< /code>


[img]https://www.deckofcardsapi.com/static/img/2D.png[/img]

[img]https://www.deckofcardsapi.com/static/img/6C.png[/img]

[img]https://www.deckofcardsapi.com/static/img/7D.png[/img]




Подробнее здесь: https://stackoverflow.com/questions/797 ... d-rotation
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»