html代码:
<div> <p><span>我爱学技术 - blog.emtalk.net - 逐风的技术之路</span><p> </div>
css代码:
div{ width:200px;/*容器的基本定义*/ height:200px; background-color:#eee; }
/* IE下的样式 */
p span{ display: block; width:200px;/*对宽度的定义,根据情况修改*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* FF 下的样式 */
p{clear:both;} p span{ float:left; max-width:175px; /*IE不能解释该属性,而FF可以*/ } p:after{ content:"..."; }