gpt4 book ai didi

html - 4个div中不同大小的文本

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

我有不同大小的文本,我想像那样将它们放入页面中间的 4 个 div image http://firepic.org/images/2015-08/22/0b0r536o40es.png

但似乎我的粉红色 div 将底部的向下推。我该如何解决?

谢谢

最佳答案

.wrapper {
background: grey;
height: 280px;
width: 280px;
}
p {
vertical-align: middle;
}
#one {
background: blue;
float: left;
width: 140px;
height:140px;
text-align: center;

}
#two {
background: pink;
float: right;
width: 140px;
height:200px;
text-align: center;
}
#three {
background: aqua;
float: left;
width: 140px;
height:140px;
text-align: center;
}
#four {
background: green;
float: right;
width: 140px;
height:80px;
text-align: center;
}
<html>
<body>
<div class="wrapper">
<div id="one"><p>TEXT</p></div>
<div id="two"><p>TEXT</p></div>
<div id="three"><p>TEXT</p></div>
<div id="four"><p>TEXT</p></div>
</div>
</body>
</html>

关于html - 4个div中不同大小的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32160377/

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