字符串截取问题 css截取字符串注意事项

<div class="llist" >
	   <div class="lbar">定向营销</div>
	    <ul class="lbox01" style="height: auto;min-height: 100px;">
		<c:forEach var="item" items="${marketInfos.results}">
		  <li><div style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;">
		  <a href="#" title="<c:out value="${item.content}"  escapeXml="false"/>" onclick="showThis('<c:out value="${item.title}"/>','<fmt:formatDate value="${item.createdTime}" pattern="yyyy-MM-dd hh:mm"/>',this);return false;">
		  <c:out value="${item.title}"/></a></div></li>
		</c:forEach>

这是原来的代码。

 

说一下用

style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

这种方法要注意的问题，

1.最好加div，直接放在<li>那会出问题。放在<A>里也一样。不过IE7和FF好像行。

2.ie6在此种方式下不支持max-width.

 

故将上面的代码种的max-width修改为width后，问题得到解决