0

我知道以前有人问过这个问题——但这是一个非常简单的问题——所有的答案都太高级了……哈哈……

无论如何,我总是卡在最简单的事情上。这是交易:我在右侧有两个相互重叠的图像,在这两个图像下方并排。

位于右侧的垂直图像起作用。但是,#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%;}
4

1 回答 1

0

通常情况下,图像应默认水平堆叠,但可能在您的代码中您更改了某些内容,因此请尝试对您希望水平相邻的 2 个图像进行此操作。

显示:内联;

或者

显示:内联块;

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

于 2013-06-09T21:03:03.043 回答