<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;" mce_style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;">
<a href="#" mce_href="#" title="<c:out value="${item.content}" escapeXml="false"></a>" 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.
!important语法针对的是“后面的属性覆盖前面的属性”这一语法，也就是说标识了!important的属性，是不被后面的相同属性所覆盖的，而IE6不认识这个，导致其他浏览器很容易根据这点“欺负”IE6：
div{
text-decoration:overline;
*text-decoration:line-through!important;
� ......
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！
hand是手型
例子：CSS鼠标手型效果 <a ......
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体" ......
