注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★柳暗花明★

似水年华,诠释着无力的永恒······

 
 
 

日志

 
 

IE8中预览jsp网页单元格内链接汉字不能垂直居中  

2010-12-29 15:22:17|  分类: JAVA&&JSP经典 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在用DW做jsp网页时,有这样一段代码:


1.    <====jsp脚本====>
2.    <tr class="tsub">
3.    <td class="ne" colspan="3" height="25" align="left" valign="top">
4.         <table width="100%" border="0" cellpadding="0" cellspacing="0">
5.         <tr><td width="5%" height="25" align="center" valign="middle">
6.                     <img alt="" border="0" width="11" height="11" src="images/list.jpg" /></td>
7.               <td class="ne0" width="80%" align="left" valign="middle">
8.                     <a href="#" title="<%=aff%>"><%=tit%></a>
</td>
9.               <td class="ne1" width="15%" align="right" valign="middle"><%=tim%></td>
10.        </tr>
11.        </table>
12.   </td></tr>
13.   <====jsp脚本====>

       代码没有任何问题,样式设置也合理,效果如下:

IE8中预览jsp网页单元格内链接汉字不能垂直居中 - JORTON - ★柳暗花明★

       很显然,单元格内的中文字体没有真正垂直居中,字体有点靠上,不能和左边相邻单元格内的图片对齐,检查会发现样式设置没有任何问题,但是看上去总感觉valign=“middle”没起作用。

      在网上搜索解决方法,找到一大堆,用了一大片css极尽所能的来达到了效果,其中大多是通过在html代码里中文链接外再加上<span class=……></span>或者<div class=……></div>,然后再定义class的样式。。。。有的还用了padding-top来强制中文下移对齐图片,但是我感觉这样对于不同浏览器显示效果可能不太一致。可移植性有些差。

       无意间,突然想起IE8下单元格内没有内容时,如果不加 &nbsp; 预览时边框就会不显示从而出现缺口。于是在上面代码7-8行的单元格内首先加个&nbsp;后面跟<a>标签,刷新网页预览,OK,垂直居中了。效果图如下:

IE8中预览jsp网页单元格内链接汉字不能垂直居中 - JORTON - ★柳暗花明★

但是为什么会产生这种现象呢?初步估计是IE8的默认规范。希望有了解的朋友能告知。

  评论这张
 
阅读(1043)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017