首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

Html页面的一些小技艺

2012-09-06 
Html页面的一些小技巧Html页面的一些小技巧 1、表格中的内容过长时,不换行,显示省略号并Tooltip。1 table w

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


热点排行