HTML文字过多,超出文字变为...鼠标悬浮到文字上方出现悬浮框显示全部内容
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style tyle="text/css"> .node {
width: 150px;
/*设置文本框大小*/
white-space: nowrap;
/*设置内容不换行*/
text-overflow: ellipsis;
/*设置文字超出文本框的内容显示成...*/
overflow: hidden;
/*超出部分隐藏*/
}
</style>
</head>
<body>
<div title="文字测试悬浮文字测试悬浮文字测试悬浮文字测试悬浮文字测试悬浮" class="node">
文字测试悬浮文字测试悬浮文字测试悬浮文字测试悬浮文字测试悬浮
</div>
</body>
</html>