0
<!DOCTYPE html>
<html>
<head>
<style>
.div1 {
border: 1px solid red;
display: flex;
align-items: flex-start;
}
</style>
</head>
<body>
<div class="div1">
123<br>456<br>789
<img src="smiley.gif">
</div>
</div>
</body>
</html>
我使用此代码制作flex div
。左侧有一些文字,右侧有一张图像。我使用align-items: flex-start;
,以便图像不会伸展。代码工作良好,但有没有办法将图像总是移动到div的右下角?就像这样:CSS flex div image to the right