CSS控制文字只显示一行,超出一部分显示省略号
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>
<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>