CSS文字不换行,超出隐藏部分显示...,鼠标移到元素上时显示提示文本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
cursor: default;
width: 55px;
/*CSS文字不换行,超出部分显示...*/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
</style>
</head>
<body>
<div title="1234567890">1234567890</div>
</body>
</html>
所有主流浏览器都支持title属性。
题外,本人后端开发,一直不知道有title这个属性,
<div title="1234567890" onmouseover="鼠标移入显示文本" onmouseout="鼠标移出隐藏显示文本" >1234567890</div>
结果想着用鼠标移入移除事件去自己处理,结果效果还不好...^_^