鍍金池/ 問答/HTML/ 多個(gè)p在一個(gè)div里面怎么溢出用省略號顯示

多個(gè)p在一個(gè)div里面怎么溢出用省略號顯示

.text-overflow(@lineClamp:4) {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box; /** 將對象作為伸縮盒子模型顯示 **/
  -webkit-box-orient: vertical; /** 設(shè)置或檢索伸縮盒對象的子元素的排列方式 **/
  -webkit-line-clamp: @lineClamp; /** 顯示的行數(shù) **/
  overflow: hidden;

  //text-overflow: ellipsis;
  //display: -webkit-box;
  //-webkit-line-clamp: @lineClamp;
  //-webkit-box-orient: vertical;
}

因?yàn)楝F(xiàn)在數(shù)據(jù)是用編輯器傳過來的 包含多個(gè)P標(biāo)簽

clipboard.png
導(dǎo)致現(xiàn)在寫的沒用了

不能限制這部分內(nèi)容的高度么?

如果限制高度在不同的屏幕下面的高度變化怎么辦

回答
編輯回答
萌二代

多這些屬性試試？
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
width : 240px;
試試？

2018年7月8日 15:54