我创建了两个弹性框。左边的框显示一幅图像。右边的框显示文本,但它必须显示在框的末尾。
.Details {
background-color: yellow;
display: inline;
}
p span {
background-color: yellow;
}
.End {
display: inline;
}
.End {
display: flex;
}
.End.img {
justify-content: left;
}
.End.p {
justify-content: right;
}<div class="End">
<img src="http://www.intro-webdesign.com/images/newlogo.png">
<div id="BLOCK">
<p>This page was created by <span class="MyName">nameh dhreh</span> and Colleen Van Lent.To learn more about web design, visit <a href="http://www.intro-webdesign.com">Intro To Web Design</a>.</p>
</div>
</div>
发布于 2019-09-16 20:00:00
添加justify-content: space-between;
.Details {
background-color: yellow;
display: inline;
}
p span {
background-color: yellow;
}
.End {
display: flex;
justify-content: space-between;
}<div class="End">
<img src="http://www.intro-webdesign.com/images/newlogo.png">
<div id="BLOCK">
<p>This page was created by <span class="MyName">My Name</span> and Colleen Van Lent.To learn more about web design, visit <a href="http://www.intro-webdesign.com
https://stackoverflow.com/questions/57956278
复制相似问题