td内为空串时,边框不显示

JSP页面,用TABLE显示数据,某项数据可能是空串,TD内数据如果是空串的话,边框不显示,而样式里设置了上下边框的样式,样式如下:
td.normalr {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:12px;
padding: 3px 3px 3px 3px;
color: #4f6b72;
text-align: right;
}
.gridtable {
padding: 0;
margin: 0;
width: 760px;
}
页面代码大体如下:
<table class="gridtable" cellspacing="0" align="center">
<tr>
<td class="normalr"> <%=(String)request.getAttribute("stringData") %>
</td>
</tr>
</table>
如果从request里得到的是正常的字符串就没有什么问题,但如果得到的是空串的话,边框就不显示了。
解决办法:
1/ 加个 ,可以用程序控制

<table class="gridtable" cellspacing="0" align="center">
<tr>
<td class="normalr"> <%=(String)request.getAttribute("stringData") %>  
</td>
</tr>
</table>
加个   就好了
2/ css定义table属性
给TD所属的table加格式:style="border-collapse:collapse;" 如下:

<table width="568" border="1" cellspacing="0" style="border-collapse:collapse;">

td高度不够,所以显示你用空格填充可以,不过有点别扭
实际样式可以控制

table{ border-collapse:collapse;}//很重要
td.normalr {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:12px;
padding: 3px 3px 3px 3px;
color: #4f6b72;
text-align: right;
height:23px; //td高度要有 否则只显示一根线
line-height:23px;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值