Question

请原谅我，如果这听起来不可能，我是CSS新手。我想制作一个＆lt; div＆gt;标记并给它一类'imagepanel1-2'。关键是在这个面板中有3个图像：1个大图像和2个小图像（2个小图像将在大图像的右侧相互堆叠）。

我希望能够在HTML中执行此操作：

<div class='imagepanel1-2'>
   <img class='large' src='blahblah'>
   <img class='small' src='blahblah'>
   <img class='small' src='blahblah'>
</div>

在CSS中，“大”和“小”子类将控制图像的宽度和高度，'imagepanel1-2'将控制方向。此外，面板中的每个图像之间应该有1个像素空白空间。我所描述的可能吗？

Answer 1

我认为如果你对'小'和'大'类使用正确的css是可行的。至于方向我不确定你的意思，但对于空间你可以设置div的边距。例如，您可以设置

float: left;
width: 100px;
margin: 1px;

代表'大'班，

float: right;
width 50px;
margin: 1px;

表示“小”类，

width: 150px;

用于'imagepanel 1-2'课程。（我还没有尝试过代码。）