gpt4 book ai didi

css 框对齐问题

转载 作者:行者123 更新时间:2023-11-28 13:57:27 24 4
gpt4 key购买 nike

我似乎无法弄清楚如何对齐 img 的顶部并复制 promo div 中的元素。有什么想法吗?这在 Chrome 中无法正确注册。

我已经浏览了很多其他问题,但似乎无法弄明白。

在一天结束时,我希望能够在 div 的左上角有一个打洞框,但我想确保文本溢出不会环绕图像。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
.promo {
float: left;
width: 200px;
background-color: pink;
}
.promo img {
float: left;
width: 48px;
height: 48px;
background-color: orange;
}
.copy {
float: left;
width: 152px;
background-color: yellow;
}
</style>
</head>
<body>
<div class="promo"> <img src="" alt="" />
<p class="copy">This is the content. I have a lot of contentfff this it s a fodis sod sod sfns s ndosn</p>
<div style="clear:both;"></div>
</div>
<div class="promo"> <img src="" alt=""/>
<p class="copy">This is the content. I have a lot of contentfff this it s a fodis sod sod sfns s ndosn</p>
<div style="clear:both;"></div>
</div>
<div class="promo"> <img src="" alt=""/>
<p class="copy">This is the content. I have a lot of contentfff this it s a fodis sod sod sfns s ndosn</p>
<div style="clear:both;"></div>
</div>
</body>
</html>

最佳答案

这就是您所说的:http://jsfiddle.net/NuVww/21/

关于css 框对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10670387/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com