<!DOCTYPE html> <html> <head> <title> td强制换行 </title> <meta name="keywords" content="" /> <style type="text/css"> table { width:500px; } td{ width:10%; border:solid 1px; float:left; } </style> </head> <body> <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> </tr> </table> </body> </html>
上一张效果图 可以根据需求调式<td>的宽度。来调整每行显示的个数