一个自适应的排版，
排版方式是，要么两行两列显示图片和文字 要么一行四列显示图片文字 图片文字排版无所谓，就放图片下面就行。
主要是，如果屏幕比较宽，图片会跟着放大，如果小了，图片也小了。文字不变。求高手教我。
示例我画图说明
求大神指教 ，我不太擅长做div+css
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style> .div { min-width:650px; border:1px green solid; height:400px; } .maxdiv { border: 1px red solid; height: 300px; float:left; width:48%; min-width:300px; } .maxdiv div { width: 40%; height: 200px; border: 1px red solid; float: left; margin: 4%; min-width: 180px; } </style></head><body> <div class="div"> <div class="maxdiv"> <div> </div> <div> </div> </div> <div class="maxdiv"> <div> </div> <div> </div> </div> </div></body></html> nbsp;html>
1
2
3
4
显示的4个小框的高度、宽度用占总宽度的百分比来做。
多写代码多试。
Adakah anda tahu jika anda membatalkan orang lain sejurus selepas mengikuti mereka di Douyin?
cmccedu
Cara menggunakan postmessage
Bagaimana untuk memuat turun fail flv
Cara menggunakan html untuk navigasi web
Penggunaan item dalam python
penggunaan fungsi memcpy
Cadangan perisian pengaturcaraan PHP
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
