td中无内容时显示边框

td中没有内容的时候,默认是不会显示td的边框,此时页面上显示的是一片空白,用户根本不知道这里其实有个的,并且页面也显得凌乱不堪,搜罗了下,总结了下面几种解决方法:

1、在单元格中加入一个空格。这样:<td>&nbsp;</td>

2、直接在table里这样写:<table width="300" border="1" style="border-collapse:collapse;">**border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧,

separate:separate :  默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵)
collapse :  相邻边被合并

相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。

3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者
table {width:100%;border-collapse: separate;empty-cells:show;}

不过,目前IE6.0持此属性,貌似只能在css2中使用。相应的脚本特性为emptyCells。

4、<table cellspacing=2 border=1 rules="cols">这里能使边框显示出来的核心是 rules=”cols”

在HTML中,要显示td标签的边框,可以使用以下方法: 1. 设置table的border属性为1,并且设置border-collapse属性为collapse。这样可以将边框显示出来,但是默认情况边框会比较细。\[2\] 2. 在td标签中添加样式,设置border属性为1px solid。这样可以直接给td标签添加边框,可以控制边框的粗细和样式。\[2\] 3. 在table的样式中添加border-collapse属性为separate,这样可以将边框显示出来,并且可以控制边框的粗细和样式。\[2\] 4. 在table的样式中添加border属性为1px solid,这样可以直接给table添加边框,可以控制边框的粗细和样式。\[2\] 总结起来,要显示td标签的边框,可以通过设置table的border属性和border-collapse属性,或者直接给td标签添加样式来实现。具体的方法可以根据需要选择。\[2\] #### 引用[.reference_title] - *1* [表格Table 的Th Td 标签设置背景颜色后边框消失如何解决?](https://blog.youkuaiyun.com/weixin_39996908/article/details/118409942)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [td中无内容显示边框](https://blog.youkuaiyun.com/u011127925/article/details/47292521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值