Question

我有一个班级cbImage，所有图片都是固定的CSS

＆＃13;

.cbImage img {
  width: 100%;
  height: 100%;

}

＆＃13;

现在，我的问题是我不想要所有宽度和高度相同的图像。

如何根据需要更改不同图像的宽度和高度？

一个小组的一张图片：

＆＃13;

<div class="cbImage w3">


		<div class="panel">

				<div class="form">


					<div class="login">Recent badges</div>



					<span class="fa-stack fa-5x has-badge" data-count="6">

						<div class="badgesize">

										<img src="images/7.png" width=100, height=100 alt="">



								</div>

			</span>

			</div>

＆＃13;

另一张图片：

＆＃13;

  <div class="cbImage active signin agileits">

		<form >


			<figure class="snip1336">
		  <img src="images\44.jpg" alt="sample87" />
		  <figcaption>
		    <img src="images\ownpic.jpg" alt="profile-sample4" class="profile" />

＆＃13;

正如您所看到的，该类的名称都为cbImage。

所以尺寸固定不变。

我希望这两个类的图像具有不同的大小。

还有很多其他的CSS我不能只改变名称并设置宽度和高度。

请帮忙。

Answer 1

你可以这样做。

    <img class="example_class">
    <img class="example_class" style="width:60px;height:60px;">

正如你所看到的，如果你有风格，它会听风格而不是上课。

Answer 2

尝试使用它。

// parent div
<div>
  <img class="example_image" src="image_path">
  <img class="example_image" src="image_path" style="width:yourimagewidth; height:yourimageheight;">

</div>

您必须使用 inline-css 来区分您的图像。首先，它将采用您的 inline-css 属性的值，然后它将用于外部CSS

如何根据需要在不同大小的同一类中制作两张图像？

2 个答案: