解决页面中长字符串换行的有关问题

解决页面中长字符串换行的问题

下面有两种解决在页面中长字符串显示的问题.
记录下来,以便以后查看.所以也不做多的解释哟

第一种是利用CSS

第二中是使用FN

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>缩进</title>
<style type="text/css">
	*{font-size:12px;font-family: 宋体;cursor:default;}
	table{border-top: 1px solid #365d86 ;border-left: 1px solid #365d86 ;table-layout: fixed;}
	tr td{border-bottom: 1px solid #365d86;	border-right: 1px solid #365d86;line-height:22px;padding:0px 4px;}
	#nr{OVERFLOW: hidden;  TEXT-OVERFLOW: ellipsis}
	thead tr td{background:  #508dd0;color:#ffffff;text-align: center;font-weight: bold;height: 22px;}
</style>
  </head>
  
  <body>
  <c:set var="dmnr" value="*防治陆源污染物污染损害海洋环境管理条例"></c:set>
  <c:set var="nrzz" value="*防治陆源污染物污染损害海洋环境管理条例"></c:set>
  	<table border="0" cellpadding="0" cellspacing="0" width="600px;" >
  		<thead>
			<tr>
				<td width="50px;">序号</td>
				<td>法律法规内容</td> 
				<td>作者</td>
			</tr>
		</thead>
		<tbody>
			<tr id="nr">
				<td align="center" nowrap>1</td>
				<td align="left" nowrap>&nbsp;<span title="${dmnr }">${dmnr }</span></td>
				<td align="left" nowrap>&nbsp;${nrzz } </td>
			</tr>
			<tr>
				<td align="center" nowrap>2</td>
				<td align="left" nowrap>&nbsp;<c:if test="${fn:length(dmnr) > 20}">${fn:substring(dmnr,0,20)}...</c:if>
				<c:if test="${fn:length(dmnr) <= 20}">${dmnr}...</c:if>
				</td> 
				<td align="left" nowrap>&nbsp;<c:if test="${fn:length(nrzz) > 20}">${fn:substring(nrzz,0,20)}...</c:if>
				<c:if test="${fn:length(nrzz) <= 20}">${nrzz}...</c:if></td> 
			</tr>
		</tbody>
  	</table>
  </body>
</html>

解决页面中长字符串换行的有关问题

相关推荐