Question

我知道以前曾经问过这个 - 但这是一个如此简单的问题 - 所有的答案都太先进了......大声笑......

无论如何，我总是被困在最简单的事情上。这是交易：我在右侧有两个图像在彼此的顶部，并且在这两个图像的并排下方。

位于右侧的垂直图像起作用。但是，#tent和#twins imgs也是垂直的，我需要它们是水平的。我已经尝试了float属性，但它们只是垂直堆叠，左边一个，右边一个。

再次......这是一个简单的问题，我知道。但我非常感谢你的帮助。

这是我到目前为止的代码：

#aboutUs h2{
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0 0;}

#aboutusPara{
position:absolute;
float:left;
width:30%;
line-height:40px;
font-family:Arial, Helvetica, sans-serif;}

#karennorm{
width:50%;
border-radius:100px;
margin-left:50%;
position:relative;}


#wagon{
width:50%;
margin-top:5%;
margin-left:50%;
border-radius:100px;}

figcaption.aboutTop{
margin-top:.5em;
margin-left:50%;
text-align:center;
font-size:12px;
font-style:italic;
width:50%;}

#tent{
width:40%;
border-radius:100px;}

#twins{
width:40%;
border-radius:100px;}

section#aboutBottom{
padding:2em 0 0 0;} 


figcaption.aboutBottom1{
text-align:center;
font-size:12px;
font-style:italic;
width:30%;
padding:0 0 2em 0;
margin-left:5%;}

figcaption.aboutBottom2{
margin-left:5%;
text-align:center;
font-size:12px;
font-style:italic;
width:30%;}

Answer 1

通常情况下，图像应默认水平堆叠，但可能在您的代码中更改了某些内容，因此请尝试将这两个图像水平放在彼此旁边。

显示：内联;

或

显示：内联块;

如果要保留图像的框模型属性。

如何将图像对齐为水平或垂直？

1 个答案: