gpt4 book ai didi

html - 在 CSS 中创建图像拼贴

转载 作者:行者123 更新时间:2023-11-28 06:07:26 25 4
gpt4 key购买 nike

我正在做一个元素,我到了一个地方,我决定实现一个拼贴画。我已经完成了拼贴,它在这里:Fiddle

但我想在不对 div1 的元素使用属性 float 的情况下做同样的事情。

如果可能,我想在 div1 的元素上只使用属性 rightleft,而不减小元素的大小那个分区。

抱歉,我的母语不是英语,我正在尽力而为。

最佳答案

希望您喜欢这样的内容:

body {
width: 380px;
margin: 0 auto;
}

.div1{
text-align:justify;
}

.div1:after {
content: "";
display: inline-block;
width: 100%;
}

.div1 span img{
width:45%;
}
<div class="div1">      
<span><img src="https://picsum.photos/189/324?random=1" alt="rd1"/></span>
<span><img src="https://picsum.photos/189/324?random=2" alt="rd2"/></span>
</div>

<div class="div2">
<img src="https://picsum.photos/380/325?random=3" alt="rd3"/>
</div>

我的评论:我已将“img”宽度值设置为 45%,但您可以将其设置为等于或小于 50% 的任何值。顺便说一下,我建议你使用标签 'span' 而不是 'p' 因为我认为 'span' 更适合这个目的。如果您将使用我的方法,您将能够将任意数量的图像添加到父“div”标签。例如,如果您要添加任意数量的图像并且它们的总宽度将等于或小于 100%,这些图像将均匀地放置在行中。

关于html - 在 CSS 中创建图像拼贴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36373287/

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