Html 右边的CSS flex div图像 .1分部{ 边框：1px纯红； 显示器：flex； 调整项目：灵活启动； } 123456789
我使用这段代码制作一个flexHtml 右边的CSS flex div图像 .1分部{ 边框：1px纯红； 显示器：flex； 调整项目：灵活启动； } 123456789,html,image,css,flexbox,Html,Image,Css,Flexbox,我使用这段代码制作一个flexdiv。左侧有一些文本，右侧有一个图像。我使用对齐项目：flex start以便图像不会拉伸。代码运行良好，但是否有办法将图像始终移动到div的右下角？像这样： 添加此CSS规则将实现这一点 <!DOCTYPE html> <html> <head> <style> .div1 { border: 1px solid red; display: flex; align-items: flex-
div对齐项目：flex start以便图像不会拉伸。代码运行良好，但是否有办法将图像始终移动到div的右下角？像这样：
添加此CSS规则将实现这一点
<!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>
堆栈片段
.div1{
边框：1px纯红；
显示器：flex；
调整项目：灵活启动；
}
.1分部{
左边距：自动；
自对准：柔性端；
}
123
456
789
123
456
789
添加此CSS规则将实现这一点
<!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>
堆栈片段
.div1{
边框：1px纯红；
显示器：flex；
调整项目：灵活启动；
}
.1分部{
左边距：自动；
自对准：柔性端；
}
123
456
789
123
456
789