解决信息列表中信息名称过长问题

07年9月12日

           正如这个题目所说,开发中会遇到这样的问题,我有两种解决办法,现在把这个问题的关键整理成简单的html页面,简单明了:

         (1)解决办法:
          test1.html

         

<% ... @ page language="java" contentType="text/html; charset=GBK"  %>
< head >
< title > 查询信息列表 </ title >
</ head >

< html >
  < table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
        < tr >
        < td   width ="120" >< div  align ="center" > 频道名称 </ div ></ td >
          < td   width ="120" >< div  align ="center" > 频道描述 </ div ></ td >
          < td   width ="120" >< div  align ="center" > 操作 </ div ></ td >      
        </ tr >          
</ table >

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"  title ="我是aaaaaaaaaaaaa" >
        < div  align ="center" >
       aaa
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 111 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"  title ="我是aaaaaaaaaaaaa" >
        < div  align ="center" >
       aaa
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 111 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"  title ="我是aaaaaaaaaaaaa" >
        < div  align ="center" >
       aaa
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 111 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >
    
</ table >    

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"   title ="我是bbbbbbbbbbb" >
        < div  align ="center" >
       bbb
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 222 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"   title ="我是cccccccccccc" >
        < div  align ="center" >
       ccc
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 333 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"   title ="我是dddddddddddddddd" >
        < div  align ="center" >
       ddd
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 444 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   

< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"  title ="我是eeeeeeeeeeeeeeeeeee" >
        < div  align ="center" >
       eee
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 555 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >            
        </ td >
     </ tr >     
</ table >   


< table  width ="100%"  height ="26"  border ="0"  cellpadding ="0"  cellspacing ="0"  bgcolor ="#D9D9D9" >
     < tr >
        < td   width ="120"   title ="我是ffffffffffffffff" >
        < div  align ="center" >
       fff
        </ div >
        </ td >
        < td   width ="120" >< div  align ="center" > 666 </ div ></ td >
        < td   width ="120" >
            < a  href ="#" > 查看 </ a >
            < a  href ="#" > 修改 </ a >
            < a  href ="#" > 删除 </ a >        
        </ td >
     </ tr >     
</ table >   

</ html >

         (2)解决办法(通过javascript控件实现):

         test2.html