读书人

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

发布时间: 2012-09-19 13:43:53 作者: rapoo

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


第一种是利用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> <span title="${dmnr }">${dmnr }</span></td><td align="left" nowrap> ${nrzz } </td></tr><tr><td align="center" nowrap>2</td><td align="left" nowrap> <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> <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>

读书人网 >Web前端

热点推荐