此问题在此处已有答案：
Floated elements of variable height push siblings down（3个答案）
5天前关闭。
排列一行中的div时遇到问题。当一行中有两个div时，一切正常，但当一行中只有一个div时，这个单数div的位置很奇怪。有什么想法吗？谢谢
我的CSS：
div:nth-child(odd) {
display: inline;
float: left;
width: 45%;
}
div:nth-child(even) {
display: inline;
float: right;
width: 45%;
}下面是截图：
如你所见，测试1没有坐在右边，我想让它坐在左边。
1条答案
按热度按时间aurhwmvo1#
我想你的意思是你希望div在一行中对齐。在这种情况下，你应该参考这篇文章：https://www.designcise.com/web/tutorial/how-to-force-html-elements-to-stay-on-the-same-line;
所以你的代码应该是这样的：
希望这个有用。