Html页面的一些小技艺

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，这样就会直接显示在頁面上，而不是载方式。
如果不写第二句，也会直接显示在頁面上。