masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 怎么排列图片？_html/css_WEB-ITnose

怎么排列图片？_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:18:54
asal
1817 orang telah melayarinya

我想让图片以固定大小两个一排总共三排的现实，但是六张图片全部排在一列了，html和css代码如下：

 

 怎么排列图片？_html/css_WEB-ITnose
 怎么排列图片？_html/css_WEB-ITnose


 怎么排列图片？_html/css_WEB-ITnose
 怎么排列图片？_html/css_WEB-ITnose


 怎么排列图片？_html/css_WEB-ITnose
 怎么排列图片？_html/css_WEB-ITnose



css代码：

.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;
}

回复讨论(解决方案)

把table标签加上

 











 怎么排列图片？_html/css_WEB-ITnose  怎么排列图片？_html/css_WEB-ITnose
 怎么排列图片？_html/css_WEB-ITnose  怎么排列图片？_html/css_WEB-ITnose
 怎么排列图片？_html/css_WEB-ITnose  怎么排列图片？_html/css_WEB-ITnose

谢谢了谢谢了

除了用table，还有没有其他办法可以实现这个效果的呢？觉得table代码太多了

Label berkaitan：
怎么排列图片？
sumber：php.cn
Artikel sebelumnya：伪类选择器和内联元素的一点点小困惑_html/css_WEB-ITnose Artikel seterusnya：canvas、drawImage的问题，高手速进_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Saya menghadapi masalah dengan grid CSS yang ketinggiannya tidak seperti yang saya jangkakan, apakah kesilapan yang mungkin saya lakukan? Saya sedang belajar grid CSS dan diminta untuk membuat kad ini dengan memecahkannya kepada...
daripada 2024-04-06 12:52:14
0
1
339
Menukar daripada show hidden kepada show block apabila fokus tidak berfungsi Saya cuba untuk mendapatkan "searchbardropdown" saya untuk dipaparkan apabila &q...
daripada 2024-04-04 14:24:47
0
1
371
Bagaimana untuk memautkan imej dengan URL menggunakan Javascript? Saya mempunyai imej dan saya mahu memautkannya dengan url. Saya telah menggunakan javascri...
daripada 2024-04-03 10:34:22
0
1
311
Tapak web saya dipaparkan dengan baik pada desktop tetapi tidak pada skrin mudah alih Saya menggunakan HTML/CSS untuk mereka bentuk laman web peribadi saya. Tetapi teks itu tid...
daripada 2024-03-30 15:09:41
0
1
352
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan