Turn CSS single-line overflow text display ellipsis ... Method (compatible with IE FF)

HTML code:
<div>
<p><span>css Web Design I love css-web standardization div+css Tutorial-www.52css.com</span><p>
</div>

CSS code:
div{
Basic definition of width:200px;/* container */
height:200px;

}

/* Style under IE */
P span{
Display:block;
width:200px;/* definition of width, modified according to situation */
Overflow:hidden;
White-space:nowrap;
Text-overflow:ellipsis;
}

/* Style under FF */
P{clear:both;}
P span{
Float:left;
max-width:175px; /*ie cannot interpret this property , and FF can */
}
p:after{
Content: "...";
}

Turn CSS single-line overflow text display ellipsis ... Method (compatible with IE FF)