<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
.hiddenMemo{
width: 1000px; //设置未被隐藏文字的宽度
overflow: hidden; //文字长度超出限定宽度,则隐藏超出的内容
display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
}
</style>
<body>
<span class="hiddenMemo" title="这是被隐藏的文字">
这是未被隐藏文字
</span>
</body>
</html>
虽然但是,能够使用但是不太理解-webkit-box-orient的作用,把他删了以后还是可以正常显示。
有个问题没有解决,用在字段里面的时候,他会单独一行,不能和其他字连起来。。不理解