Question

目标是使“baPics”类的所有内容都具有266px的最大宽度。

问题是，就像现在一样，只有每一行中的第一张图片受到班级的影响。

如果我为每个图像使用内联CSS但效率很低，那么它可以正常工作。

我正在使用bootstrap作为我的框架。

这是我的HTML

                    <div class="row">
                        <div class="3u"></div>
                        <div class="7u">
                            <img class="baPics" src="images/graft1.jpg" alt="">
                            <img class="baPIcs" src="images/graft2.jpg" alt="">
                        </div>
                        <div class="3u"></div>
                    </div>
                    <div class="row">
                        <div class="3u"></div>
                        <div class="7u">
                            <img class="baPics" src="images/ivan1.jpg" alt="">
                            <img class="baPIcs" src="images/ivan2.jpg" alt="">
                        </div>
                        <div class="3u"></div>
                    </div>

这是我的CSS

.baPics {
    max-width: 266px;
}

Answer 1

<img class="baPics" src="images/graft1.jpg" alt="">
<img class="baPIcs" src="images/graft2.jpg" alt="">

注意班级名称不同，应该是

<img class="baPics" src="images/graft1.jpg" alt="">
<img class="baPics" src="images/graft2.jpg" alt="">

没有资本i（I）。

CSS仅影响行中的第一个图像

1 个答案: