Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 怎么排列图片？_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-24 12:18:54
Original
1816 Leute haben es durchsucht

我想让图片以固定大小两个一排总共三排的现实，但是六张图片全部排在一列了，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代码太多了

Verwandte Etiketten：
怎么排列图片？
Quelle：php.cn
Vorheriger Artikel：伪类选择器和内联元素的一点点小困惑_html/css_WEB-ITnose Nächster Artikel：canvas、drawImage的问题，高手速进_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ich habe Probleme mit einem CSS-Raster, dessen Höhe nicht meinen Erwartungen entspricht. Welche Fehler könnte ich machen? Ich lerne gerade CSS-Raster und wurde gebeten, diese Karte zu erstellen, indem ich sie in ...
Aus 2024-04-06 12:52:14
0
1
339
Der Wechsel von „Ausgeblendet anzeigen' zu „Block anzeigen, wenn der Fokus nicht funktioniert' funktioniert Ich versuche, mein „Suchleisten-Dropdown“ anzuzeigen, wenn auf „Suchleisteneingabe“ geklic...
Aus 2024-04-04 14:24:47
0
1
371
Wie verlinke ich ein Bild mit einer URL mithilfe von Javascript? Ich habe ein Bild und möchte es mit einer URL verknüpfen. Ich habe Javascript verwendet. N...
Aus 2024-04-03 10:34:22
0
1
311
Meine Website wird auf dem Desktop einwandfrei angezeigt, auf dem mobilen Bildschirm jedoch nicht Ich verwende HTML/CSS, um meine persönliche Website zu gestalten. Der Text lässt sich jedo...
Aus 2024-03-30 15:09:41
0
1
352
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage