td标签不用tr强制换行

本文涉及的产品
转发路由器TR,750小时连接 100GB跨地域
简介: 废话不多说,直接上代码。
<!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>的宽度。来调整每行显示的个数


微信图片_20220524172715.jpg

相关文章
|
6月前
HTML中tr、th和td
HTML中tr、th和td
131 0
|
前端开发
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
|
人工智能 JavaScript 算法
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
134 1
|
前端开发 数据安全/隐私保护
前端的那些基本标签【a table tr caption image等等......】
前端的那些基本标签【a table tr caption image等等......】
242 0
前端的那些基本标签【a table tr caption image等等......】
|
人工智能 前端开发 JavaScript
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
由于数据非常的乱,php的方法肯定是行不通了,于是我打算 用前端的方法将table表中的数据下载下来。于是乎 ,我打印看了下源代码,发现多了很多tr标签。做好了之后,可以正常使用,将数据库的信息筛选出来。,其他网上的我的没有成功,这个可以解决。但是下载下来的文件,出现空格。可以参考这个文件,很有用。对方加了一个功能下载,将其替换掉 完美解决。......
116 0
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
|
JavaScript
jquery获取table,遍历输出tr中各个td的内容(转载)
首先,依赖jquery.. 1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍历 tr 3 $(this).children('td').each(function(j){ // 遍历 tr 的各个 td 4 alert("第"+(i+1)+"行,第"+(j+1)+"个td的值:"+$(this).text()+"。
3217 0
|
JavaScript
循环遍历获取table中的td,tr
html中获取table的td,tr数据
414 0
|
JavaScript 前端开发 索引
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
744 0
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
|
关系型数据库 运维 MySQL