CSS省略号（IE、FF）

.ellipsis a{display: block;width: 300px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
/* firefox only */
.ellipsis:not(p) {clear: both;}
.ellipsis:not(p) a {max-width: 300px;float: left;}
.ellipsis:not(p):after {content: "...";float: left;width: 25px;padding-left: 1px;}

<div class="ellipsis"><a href="">在被征服后的岁月里，蒂卡尔自己也走上侵略道路，在玛雅全境扩张它的势力范围。</a></div>