CSS代码超出自动隐藏

CSS容器内容超出(溢出)自动隐藏代码
<style type="text/css">
.txthidden {
width:100px;

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

 

border:1px solid #ddd;
}
</style>
 

 

js通过DIV高度自动为文章分页代码
<style type="text/css">
#frameContent{
     width:500px;/*调整显示区的宽*/
     height:200px;/*调整显示区的高*/
     font-size:14px;
     line-height:20px;
     border:1px solid #000000;
     overflow-pageINdex:hidden;
     overflow-y:hidden;
     word-break:break-all;
}
a{
     font-size:12px;
     color:#000000;
     text-decoration:underline;
}
a:hover{
     font-size:12px;
     color:#CC0000;
     text-decoration:underline;
}
</style>
<div id="frameContent">
   <p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>
   <p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>

<p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>

<p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>

<p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>

<br>
<div id="pages" style="font-size:12px;"></div>
<script language="javascript">
var obj = document.getElementById("frameContent");//获取内容层
var pages = document.getElementById("pages");//获取翻页层
window.onload = function()//重写窗体加载的事件
{
     var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//获取页面数量
     pages.innerHTML = "<b>共"+allpages+"页</b> ";//输出页面数量
     for (var i=1;i<=allpages;i++){
         pages.innerHTML += "<a href=/"javascript:showPage('"+i+"');/">第"+i+"页</a> ";
//循环输出第几页
     }
}
function showPage(pageINdex)
{
     obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度，输出指定的页
}
</script>