如何在javaScript中以html水平显示图像

Question

我有图像列表我只想在HTML中水平显示它们，如果达到宽度限制则需要在底行添加

我有非常大的图像，我怎么能在维持宽高比时显示它们

Answer 1

以CSS3为例：

.90deg_image_rotation { 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg); 
}

Answer 2

听起来你想要的就像Freewall一样。它是一个基于JQuery的插件，用于处理网格系统的创建和管理。

• Source on Github
• Project homepage
• An example showing behavior like what you described

Answer 3

您可以使用CSS。

Float: left;

将为您提供所需的水平显示和

Width: 200px;

虽然你可能需要玩这个值来获得你想要的东西，但是会给你你想要的大小调整。

请注意，您应该只指定图像的宽度或高度，因为这样可以保留纵横比。指定它们都会破坏它，除非你有一些我之前见过的自定义js但通常非常脆弱