td标签不用tr强制换行
2018-03-27 23:26
976 查看
废话不多说,直接上代码。
<!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>的宽度。来调整每行显示的个数
<!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>的宽度。来调整每行显示的个数
相关文章推荐
- 开发日志:struts标签[<s:selec>/<s:submit>/<s:form>......] 在table的时候位置错误 [会自动换行/自动生成tr、td的问题]
- 点击checkbox使用js取table中tr下td中的各个标签value
- 解决长串不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- td强制换行《http://www.cnblogs.com/Fooo/archive/2011/03/28/1998048.html》
- (转)解决长串不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- div、p、td 的强制不换行及强制换行
- HTML基础之tr和td标签用法
- HTML5(七)表格-table标签、tr标签、td标签
- html5 表格标签 table tr td
- td标签里内容不换行
- 兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行
- 兼容多浏览器的 div、p、td 强制不换行及强制换行
- td标签不换行CSS写法
- td标签英文不自动换行
- div\table\tr\th\td显示内容不换行设置
- table标签中tr和td的英文单词
- [CSS]强制TD不换行
- <s:select>标签自动生成<tr><td>的问题~
- (转)解决长串不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- 【转】解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行