<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 ......

僞类                   意义
:first-child                       第一个孩子元素
:first-line                         第一行的元素
:first-letter                            元素的第一个字母
:hover                             鼠标经过时的元素
:active                          ......

  IE6 IE7 IE8 Firefox Opera Google
范例
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y
Y
Y
.type { color: #F00 !important; }
*+
Y
Y
N
N
N
N
.type { *+color: #F00; }
  \9
Y
  Y  
 Y  
 N 
 N 
 N 
.type { *+color: #F00\9; }  
 
 
 
 
 
 
 
 
......

.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .styleName{
*
background-color
:
#0000FF
;
/* IE7 */
}
*
html .styleName{
background-color
:
#00FFFF
;
/* IE6 */
}
html*
~/**/
body .styleName{
background-color
:
#055000
;
/* IE8 */
}
@media all and(min-width:0){
.styleName{
background-color
:
#FF5500
;
/* OP */
}
}
......

<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!important
padding-top:5px;
height:10px !important;
height:15px;
以上定义了两个height, 其中一个后面加了!important , IE将会忽略这个属性,而使用后面的height:15px; 而firefox却不会忽略这个属性, 直接使用height:10px
这样就可以很巧妙的解决这个问题 ......

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
    /*划动块图片皮肤*/
    thumbDownSkin: Embed(source="scrollBar/thumb.gif",
        scaleGridTop=2,                 
        scaleGridLeft=2, 
        scaleGridBottom=4, 
        scaleGridRight=4
    );
    thumbOverSkin: Embed(source="scrollBar/thumb.gif",
        scaleGridTop=2,                 
      &n ......

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
    /*划动块图片皮肤*/
    thumbDownSkin: Embed(source="scrollBar/thumb.gif",
        scaleGridTop=2,                 
        scaleGridLeft=2, 
        scaleGridBottom=4, 
        scaleGridRight=4
    );
    thumbOverSkin: Embed(source="scrollBar/thumb.gif",
        scaleGridTop=2,                 
      &n ......