表格中的按钮如何实现无间距显示

oioixiabings 2012-11-12 08:51:25

上图为一个表格,其 的“第一列”“第二列”中的“1”“2”“3”……为Button,可是无法通过CSS调整,使它们之间的间距没有?我的CSS文件如下:
table.Frame
{
padding:0px;
width:auto;
}

table.Frame tr
{
padding:0px;
margin:0px;
border-style: dotted;
border-width: 1px;
width:auto;

}
table.Frame tr td
{
padding:0px;
margin:0px;
border-style: dotted;
border-width: 1px;
width:auto;

}
#FrameUnit /*表中的按钮*/
{
margin:0px;
padding:0px;
}

不知我的CSS有没有问题,还是表格中就不能实现,谢谢!
...全文
273 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
李富生 2012-12-06
  • 打赏
  • 举报
回复
#FrameUnit /*表中的按钮*/
{
margin:0px;
padding:0px;
}


<input class="btn" type="button" name="button" id="button" value="1" />


.btn{
width:25px;
height:25px;
margin:0px;
padding:0px;
float:left;
}

#号是ID吧,你的按钮都是一样的ID啊?id不是唯一值么?

按钮这个控件自己本身就留了空白的,要改的话你可以用别的标签来实现按钮功能咯。
oioixiabings 2012-11-12
  • 打赏
  • 举报
回复
引用 3 楼 aasswwe 的回复:
#FrameUnit /*表中的按钮*/ { margin:0px; padding:0px; float:left; }
不行!
Ganker 2012-11-12
  • 打赏
  • 举报
回复
#FrameUnit /*表中的按钮*/ { margin:0px; padding:0px; float:left; }
oioixiabings 2012-11-12
  • 打赏
  • 举报
回复
引用 1 楼 mizuho_2006 的回复:
border-collapse:collapse;
不行!
mizuho_2006 2012-11-12
  • 打赏
  • 举报
回复
border-collapse:collapse;

62,254

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧