将所有图像浮动到一个类中

时间:2016-05-01 22:18:58

标签: html css css-float clear

确切说明:插入样式以浮动右边距上属于irregularWrap类的所有img元素,但仅限于右边距不包含其他浮动元素时。

我不确定这个问题是什么意思?我得到浮动属性,但是只有当右边距没有其他浮动元素时,它是什么意思?

<img src="images/student1.jpg" alt="" class="irregularWrap">
<img src="images/student2.jpg" alt="" class="irregularWrap">  
<img src="images/student3.jpg" alt="" class="irregularWrap">
<img src="images/student4.jpg" alt="" class="irregularWrap">
<img src="images/student5.jpg" alt="" class="irregularWrap">

所以这些是图像,基本上,它的一个图像水平切成5个单独的部分,使得这些单词看起来像是在左边缘周围的图像轮廓。

我目前拥有的CSS是:

.irregularWrap { float: right; margin: 0px; }

我不确定我是不是只是因为我的大脑被炸而试图为决赛做准备,或者这真的只是我们没有完全覆盖的东西。我在这里乱搞的任何想法?

This is what all 5 images should look like when they come together as the one picture.

to clarify, this is what I'm getting with the 5 images, instead of them looking as they do in the previous image

2 个答案:

答案 0 :(得分:0)

在CSS中我需要添加

clear: right;

正如我在之前的评论中所解释的那样,我忘了更改样式表链接以在我的html表格中包含该文件夹,因此它将我的整个游戏都抛弃了。就像我说的,大脑可能是油炸的。洛尔。

感谢帮助人员!

答案 1 :(得分:-1)

你可以尝试:

img {
    display:inline; // or inline-block;
}