社区
CSS
帖子详情
怎样设置table中每个td的间距
Daniel大树
2014-12-12 03:41:14
各位大神小弟跟接触CSS样式,今天遇到了一个问题如图
我想把每个table中每个列(td)的宽度缩小,该如何实现?我尝试了如果直接设置TD的width,也无效果。急呀
...全文
50375
4
打赏
收藏
怎样设置table中每个td的间距
各位大神小弟跟接触CSS样式,今天遇到了一个问题如图 我想把每个table中每个列(td)的宽度缩小,该如何实现?我尝试了如果直接设置TD的width,也无效果。急呀
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
azi_4
2014-12-12
打赏
举报
回复
包含你这个table的,是不是class=“page” ?
nokia_panda
2014-12-12
打赏
举报
回复
和你的效果不一样啊。检查下代码 是不是CSS定义重复了。
Daniel大树
2014-12-12
打赏
举报
回复
这是一jsp中table的一部分代码 <table border="1px" cellspacing="0" cellpadding="0" style="float: right;"> <tr> <td>共 ${pageLength} 页</td> <td><a href="#;" onclick="queryTabData(${infoType }, 1)">首页</a></td> <td> <c:if test="${pageNo<=1}"><a href="#;">上一页</a></c:if> <c:if test="${pageNo>1 && pageLength>1}"> <a href="#;" onclick="queryTabData(${infoType }, ${pageNo-1>0?pageNo-1:1})">上一页</a> </c:if> </td> <td>当前是第:${pageNo}页</td> 这是这个table的样式 .page table td{ width: 70px; height:20px; padding: 0px 0px 0px 15px; }
nokia_panda
2014-12-12
打赏
举报
回复
怎么可能都设置width了 还没效果 代码贴上来
CSS去除表格的默认
间距
并且制作1px的细线表
现在在所谓“div css”的风气下,很多人放弃了表格,其实应该让每个标签物尽其用,在表现数据的地方,我们还是应该使用
table
。但是,我们在建立
table
的时候,会发现它会具有一些默认的样式,比如单元格
td
之间会有
间距
,所以我们通常开头是这样写的: <
table
border=0 cellspacing=0 cellpadding=0> 在页面内,通过cellspacing=0将这个
间距
消除,合并边框。现在,我们要一个干净的表格
table
。 <
table
class=dir>
如何通过CSS去除表格默认样式的
间距
<th
JavaWeb——HTML基础标签
table
标签与form标签的学习与理解
使用表格标签制作规整的表格
table
标签是表格标签, border属性
设置
表格的边框厚度, width属性
设置
表格的宽度, align
设置
表格的对齐方式, cellspacing
设置
单元格的
间距
tr是行标签,
td
是单元格标签, th是字体居
中
加粗的单元格标签, b是字体加粗标签 下面制作一个3*3的表格,放置在页面
中
心,边框厚度为2,宽度为500,单元格内没有
间距
,并每一行使用不同的效果 规整的表格 1.1 1.2 1.3 2.1 2.2 2.3 3.1 3.2 3.3 截图 密码: 性别:男 女 技能:Java
BootStrap
Table
表格利器通用教材
适用人群 开发从业人员,产品原型人员,IT相关从业人员,想快速掌握技能的一切人员 课程概述 特点 基于Bootstrap 开发响应式界面,固定表头,完全可配置,支持data属性,显示/隐藏列,显示/隐藏表头,使用AJAX...
HTML 去掉
table
表单里面
td
之间的
间距
1.首先为大家展示一下最原始的代码和效果。直接在
table
中
用
td
划分的表格会默认隐藏边框。 2.接下来我们用css来增加样式,为
table
增加边框。
table
{ border: 1px solid #804040; } 修改后的效果是整个
table
增加了外边框,
table
内还是没有边框。 3.然后我们用css来为
td
增加边框。
table
td
{ border: 1px solid #804040; } 修改后的效果是每个
td
都增加了边框,显示效果为
table
全部显示单边框。 4. 接下
table
标签修改tr标签的行距,tbale标签的
td
标签
间距
修改tr标签的行距,tbale标签的
td
标签
间距
看如下Css文件的代码,其都没有
table
的tr行距产生效果 tr{ margin-top: 10px; padding: 10px; }
td
{ margin-left: 2px; } 这个
设置
其实,会没有效果的,原因就是对于
table
来说,它有一个属性值会
设置
是否当成一个整体来看,且其有
设置
table
元素
间距
行距的...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章