我正在尝试调整图片大小,但没有成功。我将如何为元素的 CSS 编写标签。我尝试了很多不同的方法,但到目前为止都没有奏效。我希望它们的大小都相同。
下面是它的 HTML:
<section>
<h3 id="portfolio">Portfolio</h3>
<ul>
<li> <img src="https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af"></li>
<li><img src="https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818"></li>
<li><img src="https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327"></li>
</ul>
</section>
最佳答案
为所有元素赋予相同的类并使用该 css 类来调整它们的大小:
HTML:
<section>
<h3 id="portfolio">Portfolio</h3>
<ul>
<li> <img class="my-image" src="https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af"></li>
<li><img class="my-image" src="https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818"></li>
<li><img class="my-image" src="https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327"></li>
</ul>
</section>
CSS:
.my-image{
height: 200px; //change to your preference
width: 200px; //change to your preference
}
关于html - 如何在 CSS 中调整图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28141825/