text-overflow

by zicai

HTML

<div class="title">标题很长很长很长很长很长很长，需要省略号</div>
<div class="content">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias hic iure harum commodi culpa neque provident reiciendis incidunt nemo praesentium! Delectus consequatur ab adipisci quae rerum?
</div>

CSS

.title{
    width: 300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}