多行文本溢出显示省略号

html：

<div class="bottom-text">店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥店地处陆家嘴金融贸易区，坐拥</div>

.bottom-text {
    color: #666;
    font-size: 14px;
    height: 67px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 10px 12px 0 12px;
    overflow: hidden;
    line-height: 24px;
}