Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > How to arrange pictures? _html/css_WEB-ITnose

How to arrange pictures? _html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:18:54
Original
1819 people have browsed it

I want the images to be of a fixed size, two in a row, and a total of three rows, but all six images are arranged in one column. The html and css codes are as follows:




< td>






< ;a href=''>




css code:

.thumbs_block {
width: 500px;
height: 500px;
}
.thumbs_block a {
width: 100px;
height: 100px;
display: block;
position:relative;
overflow: hidden;
}
.thumbs_block img {
width: 100px;
height: 100px;
position:relative;
}


Reply to the discussion (solution)

Add the table tag


< table>

< td>






< ;a href=''>


Thank you, thank you

Besides using table, is there any other way to achieve this effect? I feel like there are too many table codes

Related labels：
怎么排列图片？
source：php.cn
Previous article：A little confusion about pseudo-class selectors and inline elements_html/css_WEB-ITnose Next article：Problems with canvas and drawImage, experts can quickly learn_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
I'm having trouble with a CSS grid where the height isn't what I expected, what mistakes might I be making? I'm currently learning CSS grids and was asked to make this card by breaking it into a gri...
From 2024-04-06 12:52:14
0
1
339
Changing from show hidden to show block when focus doesn't work I'm trying to get my "searchbardropdown" to show up when "searchbarinput&qu...
From 2024-04-04 14:24:47
0
1
371
How to link an image with a URL using Javascript? I have an image and I want to link it with a url. I have used javascript. codeafterrunning...
From 2024-04-03 10:34:22
0
1
311
My website displays fine on desktop but not on mobile screen I use HTML/CSS to design my personal website. But the text doesn't scale to the phone. Ple...
From 2024-03-30 15:09:41
0
1
352
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template