gpt4 book ai didi

javascript - 如何并排放置两个 div 并在所有维度上保持纵横比相同?

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

基本上,标题说明了一切。

我如何让两个 div 彼此相邻,并且在不同尺寸的屏幕上(可以说更小)它们不会合并为一个,如果没有足够的空间向下转到下一行?此外,如果可能的话,缩小内部元素(文本和图像和按钮)

谢谢!

当前页面有问题(赠品盒是 dicvs btw):

Here

最佳答案

为两者添加一个带有 float:left 的类。并根据需要使用边距将它们居中,而不是使用 margin-left:50%。

类似的东西:

    .giveaway {
background-color: #C0C0C0;
width: 360px;
height: 325px;
border-style: solid;
border-color: #336699;
float: left;
margin: 10px 25px;
}

.giveaway1 {
background-color: #C0C0C0;
width: 360px;
height: 325px;
border-style: solid;
border-color: #336699;
float: left;
margin: 10px 25px;
}

顺便说一句,你应该为两者使用相同的类......

关于javascript - 如何并排放置两个 div 并在所有维度上保持纵横比相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32892886/

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