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

Question

i have list of images i just want to show them horizontally in HTML ,if it reaches width limit it need to add at bottom row

and i have very big images how can i show them small with maintaining aspect ratio

Answer 1

Using CSS3 for example:

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

Answer 2

It sounds like what you want is something like Freewall. It is a JQuery based plugin to handle the creation and management of grid systems.

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

Answer 3

You can use CSS.

Float: left;

Will give you the horizontal display you want and

Width: 200px;

Will give you the resize you want although you may need to play with the value to get what you are after.

Note that you should only specify either width or height of the image because that will preserve the aspect ratio. Specifying them both will destroy it unless of course you have some custom js which I have seen before but that's usually very fragile