<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字过长显示省略号</title>
<style type="text/css">
.longtext{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
</style>
</head>
<body>
<div class="longtext" style="width:300px;">我是很长很长的文字,我的所在的容器尺寸有限,所以我溢出了,并且显示省略号</div>
</body>
</html>
页面显示如下:
优点:不需要使用字符串截取等操作,也不需要使用struts标签函数库,也不需要编写JavaScript。
直接控制width即可。
推广
专业墙纸贴纸厨房用具装饰出售,本人网店经营,访问即是爱
博客对你有用记得访问下哦,增加下访问量,如有需要可以下单购买哦^_^。https://item.taobao.com/item.htm?id=570637716145