省略显示长字符串

网页中如何优雅地省略长字符串

最新推荐文章于 2023-12-20 16:32:42 发布

原创

最新推荐文章于 2023-12-20 16:32:42 发布 · 620 阅读

0 ·

CC 4.0 BY-SA版权

在网页设计中，遇到长字符串时，通常需要进行截取并添加省略号，以保持页面布局整洁。文章通过示例介绍了如何处理标题过长导致的显示问题，确保内容不换行且保持页面美观。

我们在许多网站的页面都可以看到省略长字符串的情况，如在网站的首页上显示出一些文章的标题，然而这些文章的标题有长有短，如果HTML表格固定列宽，则文章的标题过长时就会自动换行显示，如果没有固定列宽就会把显示内容变得杂乱无章，甚至使页面变形。通常的做法是，截取标题字符串的前面一部分，然后在后面加“...”。下面给出一个具体的简单的示例。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'strTruncate.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-e