向前辈请教！数据库echo出的值如何在网页中横向每6个一行输出_html/css_WEB-ITnose
请教个问题，比如说我用PHP echo出了数据库的1千条id数据（单列），那我HTML/CSS里的table怎么写或者
怎么设置才能让他自动的每6条数据为一行，然后第二行再显示6个？如下图一样？
mysqltable：
想要HTML变成：
请大神指教！
回复讨论(解决方案)
http://www.cnblogs.com/lhj588/p/3315876.html
http://www.cnblogs.com/lhj588/archive/2012/06/15/2550392.html
http://blog.csdn.net/zhoushengchao/article/details/7321688
你在前端处理的话 直接用两个集合遍历输出 第一个遍历集总页数也就是1000条/6啦 需要167个
还有一种 就是在后台处理啊你是用php开发的啊 这个我就不知道了 也就是和分页差不多
遍历、求于、换行
你就求余呗。。。满6个就执行一次换行即可。。。
<!DOCTYPE html><html><head><title></title><meta charset="UTF-8"><style>#calendarTable {width: 100%;}#calendarTable td,#calendarTable th{padding: 4px ; border:1px solid #ccc; width: 14%}</style> </head><body><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><script> $(function () { var str = '<tr>'; // 假如这是你的1000来条数据 for (var i=1;i<=1000; i++) { str += '<td>' + i + '</td>'; if (i % 6 ==0) { str += '</tr>'; } } $('#calendarList').append(str); })</script><table id="calendarTable"> <tbody id="calendarList"> </tbody></table></body></html>
<!DOCTYPE html><html><head><style>table{ border-collapse:collapse; }td{ border:1px solid #000;}</style></head><body></body><script>var str='<table>';for(var k=1;k<=100;k++){str+=k%6==1?'<tr>':'';str+='<td>编号'+k+'</td>'str+=k%6==0?'</tr>':'';}str+="</table>";document.body.innerHTML=str;</script></html>
<?php $result=mysql_query(SQL);//你的查询语句;$k=1;$str="<table>";while($row=mysql_fetch_assoc($result)){ $str.=$k%6==1?'<tr>':''; $str.="<td>".$row['id']."</td>"; $str.=$k%6==0?'</tr>':''; }$str.="</table>";echo $str;/////$str就是一个完整的表格html?>
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1666
14
1425
52
1327
25
1273
29
1252
24
Memahami HTML, CSS, dan JavaScript: Panduan Pemula
Apr 12, 2025 am 12:02 AM
WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.
HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku
Apr 18, 2025 am 12:09 AM
Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.
Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web
Apr 19, 2025 am 12:02 AM
Trend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.
Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web
Apr 17, 2025 am 12:12 AM
Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.
HTML vs CSS vs JavaScript: Gambaran Keseluruhan Perbandingan
Apr 16, 2025 am 12:04 AM
Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: HTML bertanggungjawab untuk struktur kandungan, CSS bertanggungjawab untuk gaya, dan JavaScript bertanggungjawab untuk tingkah laku dinamik. 1. HTML mentakrifkan struktur laman web dan kandungan melalui tag untuk memastikan semantik. 2. CSS mengawal gaya laman web melalui pemilih dan atribut untuk menjadikannya cantik dan mudah dibaca. 3. JavaScript mengawal tingkah laku laman web melalui skrip untuk mencapai fungsi dinamik dan interaktif.
HTML: Membina struktur laman web
Apr 14, 2025 am 12:14 AM
HTML adalah asas struktur laman web bangunan. 1. HTML mentakrifkan struktur kandungan dan semantik, dan penggunaan, dan sebagainya. 2. Menyediakan penanda semantik, seperti, dan sebagainya, untuk meningkatkan kesan SEO. 3. Untuk merealisasikan interaksi pengguna melalui tag, perhatikan pengesahan bentuk. 4. Gunakan elemen lanjutan seperti, digabungkan dengan JavaScript untuk mencapai kesan dinamik. 5. Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan, dan alat pengesahan diperlukan. 6. Strategi pengoptimuman termasuk mengurangkan permintaan HTTP, memampatkan HTML, menggunakan tag semantik, dll.
HTML vs CSS dan JavaScript: Membandingkan Teknologi Web
Apr 23, 2025 am 12:05 AM
HTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.
HTML: Adakah bahasa pengaturcaraan atau yang lain?
Apr 15, 2025 am 12:13 AM
Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworkswithcssforstylingandjavascriptforinteractivity, meningkatkan pembangunan semula.
