css完成文字外溢显示信息省略号

日期:2021-03-06 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板


拷贝编码
编码以下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF⑻">
<title>HTML5标识</title>
<style>
p{
/**
white-space:nowrap;表明文字不容易换行,在同1行再次,了解遇到
标识为止;
overflow:hidden;无法显示超出目标规格的內容,便是把超过的一部分掩藏了;
text-overflow:ellipsis;当文字目标外溢是显示信息...,自然也但是设定特性为clip无法显示点点点;
-o-text-overflow:以便适配opera访问器;
*/
width:200px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
}
div{
/*文本超过高宽比无法显示*/
overflow:hidden;
display:block;
height:60px;
width:100px;
}
</style>
</head>
<body>
<p>这样解决对检索模块更友善,由于题目具体上仍未被截字,而是局限于宽度而未被显示信息罢了。</p>
<div>这样解决对检索模块更友善,由于题目具体上仍未被截字,而是局限于宽度而未被显示信息罢了。</div>
</body>
</html>

上一篇:css表头固定不动款式的方式 返回下一篇:没有了