CSS控制文字只显示一行，超出部分显示省略号

<style type="text/css">
p,div,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt{
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
</style>
<p title="美骆世家 防晒情侣超薄舒适皮肤衣户外风衣 速干衣LH606-608">美骆世家 防晒情侣超薄舒适皮肤衣户外风衣 速干衣LH606-608</p>