如何将文本移动到框的末尾？
如何将文本移动到框的末尾？
提问于 2019-09-16 19:52:53
我创建了两个弹性框。左边的框显示一幅图像。右边的框显示文本，但它必须显示在框的末尾。
.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>
回答 2
Stack Overflow用户
发布于 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
Stack Overflow用户
发布于 2019-09-16 20:13:16
如果你想在“框的末尾”对齐文本--
.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;
}
#BLOCK {
text-align: 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">Madiha Gurchani</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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57956278
复制相关文章
相似问题
腾讯云开发者
