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