作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
基本上,标题说明了一切。
我如何让两个 div 彼此相邻,并且在不同尺寸的屏幕上(可以说更小)它们不会合并为一个,如果没有足够的空间向下转到下一行?此外,如果可能的话,缩小内部元素(文本和图像和按钮)
谢谢!
当前页面有问题(赠品盒是 dicvs btw):
最佳答案
为两者添加一个带有 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/
我有一张 table 。我希望它的数据垂直和水平居中。 我使用了 align="center"valign="middle" ,但它没有用。
我是一名优秀的程序员,十分优秀!