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;
}
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;
}