日期:2014-05-17  浏览次数:20548 次

Html页面的一些小技巧

Html页面的一些小技巧

1、表格中的内容过长时,不换行,显示省略号并Tooltip。
1 <table width="200px" style="border:1px solid #000000;table-layout:fixed;word-wrap:break-word;word-break:break-all;">
2     <tr>
3     <td  style="font-size: 11px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;">
4     dfasdfdsf sdfsaf sdfdsfs dfsaf sdfds fsdfsaf sdfds fsdfsaf sdfd sfsdfsaf</td>
5     </tr>
6 </table>
注意,表格的样式应设置如下内容:
   table-layout:fixed;word-wrap:break-word;word-break:break-all;
TD则应设置如下样式:
   text-overflow:ellipsis;overflow:hidden;white-space: nowrap;
当然,你可以把这些样式放到样式表里面去。

2、在HTML页面中显示分数,可用如下格式:
&frac12;
&frac34;
&frac13;

3、使response中显示的文件名是中文的,可以这样:
res.setContentType("application/vnd.ms-excel");
    res.setHeader("Content-Disposition", "attachment;filename="
                     + new String(targetFileName.getBytes("big5"), "ISO_8859_1"));
attachment可以改为inline,这样就会直接显示在頁面上,而不是载方式。
如果不写第二句,也会直接显示在頁面上。