html - 更改缩略图大小

Question

这是我要更改的屏幕截图：

这是我猜想更改的代码片段：

<div id="gallery" class="lbGallery" style="width: 680px">
        <ul>
          <div align="center">
            <div align="center">&nbsp;</div>
          </div>
          <div align="left">
            <div>&nbsp;<a href="http://pacificrollers.com/images/lightbox/kwokwah1.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah1.jpg" border="0" height="200%" width="273%" /></a><br />
            </div>
          </div>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center">
          <p align="center">&nbsp;</p>
          </p>
          <p align="center"><a href="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" border="0" height="2483" width="1755" /></a>
          <p align="center">&nbsp;</p>
          </p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center">&nbsp;</p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <p align="center"></p>
          <div align="center">&nbsp;</div>
          <p align="center"></p>
          <div align="center"></div>
        </ul>
      </div>

但是，我不确定如何更改缩略图大小。我在谷歌上搜索，仍然很难找到一致的方法来改变它。我怀疑我需要更改<img>标签内容，但不完全确定。

Answer 1

更改元素的width和height属性<img />。

...但是没有任何借口<p align="center">，看到你的 HTML 让我觉得我回到了 1999 年。

更新：

查看屏幕截图，网页中的两个图像在屏幕上具有相同的尺寸，尽管具有不同的属性值。它们的大小可能由样式表指定。img在任何引用的 CSS 或块中查找并考虑删除这些规则或使用带有关键字的属性在<style>本地覆盖它们。style=""!important

Answer 2

<p align="center"><a href="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" border="0" height="2483" width="1755" /></a>

这让您将heightand设置width为非常大的值。你能试着把它们变小吗？

注意：这不会生成真正的缩略图，它仍会加载整个图像，但只是将其缩小。如果您想要一个实际的缩​​略图，那么您将需要创建某种程序化方式来缩小图像并提供缩略图大小的图像。

很多很多s也有很多担心<p align="center">&nbsp;</p>。您可能希望使用 CSS 对其进行样式设置，而不是对这些换行符进行硬编码。