.text-overflow {
display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/
}
扩展资料：上面是不带省略号，反之显示省略号
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
margin: 0px
padding: 0px
}
#div1 {
width: 300px
height: 300px
background: red
}
.pText {
display: block
height: 30px
width: 250px
text-overflow: ellipsis
overflow: hidden
white-space: nowrap
}
.aText {
width: 100px
white-space: nowrap
}
</style>
</head>
<body>
<div id="div1">
<span>
<a>空白会被浏览器保留。其行为方式类似 HTML 中的标签。</a>
</span>
</div>
</body>
</html>
多行文本可以使用如下样式:
.intwoline {
display: -webkit-box !important
overflow: hidden
text-overflow: ellipsis
word-break: break-all
-webkit-box-orient: vertical
-webkit-line-clamp: 3
}
CSS隐藏代码<div style="overflow: hiddenwidth:30pxheight:20px">你是看不见我的。</div><script language="JavaScript">
function myrefresh(){
window.location.reload()
}
setTimeout('myrefresh()',1000)//指定1秒刷新一次
</script>页面自动刷新代码大全
1)自动刷新页面在 <body>与 </body>之间加入：<META http-equiv=refresh content=”10url=../index.htm”>
10表示间隔10秒刷新一次
2)
<script>
window.location.reload(true)
</script>
如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
3)
<script>
window.navigate(”本页面url”)
</script>
4>function abc()
{
window.location.href=”/blog/window.location.href”
setTimeout(”abc()”,10000)
}刷新本页：
Response.Write(”<script>window.location.href=”/window.location.href”</script>”)刷新父页：
Response.Write(”<script>opener.location.href=”/opener.location.href”</script>”)转到指定页:
Response.Write(”<script>window.location.href=”/yourpage.aspx”</script>”)
刷新页面实现方式总结(HTML,ASP,JS)
‘by aloxy定时刷新：
1，<script>setTimeout(”location.href=”/url’”,2000)</script>说明：url是要刷新的页面URL地址
2000是等待时间=2秒，2，说明：
n is the number of seconds to wait before loading the specified URL.
url is an absolute URL to be loaded.
n,是等待的时间，以秒为单位
url是要刷新的页面URL地址3，<!–sponse.redirect ur–>说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用response.redirect 刷新。4，刷新框架页
〈script language=javascript>top.leftFrm.location.reload()parent.frmTop.location.reload()弹出窗体后再刷新的问题
Response.Write(”<script>window.showModalDialog(’../OA/SPCL.aspx’,window,’dialogHeight: 300pxdialogWidth: 427pxdialogTop: 200pxdialogLeft: 133px’)</script>”)//open
Response.Write(”<script>document.location=document.location</script>”)在子窗体页面代码head中加入刷新的内容加在 if (!IsPostBack) 中在框架页中右面刷新左面
//刷新框架页左半部分
Response.Write(”<script>”)
Response.Write(”parent.left.location.href=’PayDetailManage_Left.aspx’”)
Response.Write(”</script>”)
页面定时刷新功能实现有三种方法：
1，在html中设置：
之後加入下面这一行即可！
定时刷新：
10代表刷新间隔,单位为秒2.jsp
<!–esponse.setHeader(”refresh”,”1″)–>
每一秒刷新一次3.使用javascript:
<script>
setTimeout(”self.location.reload()”,1000)
<script>
一秒一次
页面自动跳转：
1，在html中设置：
之後加入下面这一行即可！定时跳转并刷新： ,
其中20指隔20秒后跳转到http://自己的URL 页面。
点击按钮提交表单后刷新上级窗口
A窗口打开B窗口然后在B里面提交数据至C窗口最后要刷新A窗口并且关闭B窗口几个javascript函数//第一个自动关闭窗口
<script>
<!–
function clock(){i=i-1
document.title=”本窗口将在”+i+”秒后自动关闭!”
if(i>0)setTimeout(”clock()”,1000)
else self.close()}
var i=2
clock()
//–>
</script>//第二个刷新父页面的函数<script>
opener.location.reload()
</script>
//第三个打开窗口<script>
function show(mylink,mytitle,width,height)
{mailwin=window.open(mylink,mytitle,’top=350,left=460,width=’+width+’,height=’+height+’,scrollbars=no’)}
</script>
1、overflow:hidden这是防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用2、display:none这就是完全的隐藏了，直接消失，任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，仿佛元素完全不存在一样。
3、利用opacity透明度来隐藏，opacity设置为0，它只是一种视觉隐藏，元素本身依旧占用它的位置并对网页的布局起到作用，它也同样影响用户交互。在读屏软件中会被识别。
4、position：元素的定位。把position：absolutely；top：-4555px；left：-45545px；top和left设置成足够大的负数，相当于把元素放到可视区域外，它不会影响布局，能够让元素保持可操作性，在读屏软件上可以被识别。
5、visibility：规定元素 是否可见，一般设置为hidden，它可以很好的隐藏，不会影响用户的交互，在读屏软件中不会被识别。
