將多行文字最後一行的超出部分變成省略號

2021-09-28 01:48:03 字數 481 閱讀 9659

aaa,

很早以前學 css 的時候只會把單行超出部分變成省略號,當時也沒多想,

最近遇到了乙個問題需要將多行文字最後一行的超出部分變成省略號,比如這樣:

然後在網上查了相關資料最後找到了解決問題的方法,

我就直接貼**了:

overflow: hidden;

word-wrap: break-word;

display: -webkit-box; // 將物件作為彈性伸縮盒子模型顯示

-webkit-box-orient: vertical; // 從上到下垂直排列子元素

-webkit-line-clamp: 2; // 表示顯示的行數(需要結合上面兩個屬性)

ok完結,撒花 ?✨???

一行文字居中多行文字左對齊

lang en charset utf 8 titletitle head 當文字為一行是,則p的寬度小於div的寬度,p標籤居中顯示在盒子內,文字也就居中了 當大於一行時,p的寬度和div的寬度是一致的 文字就居左對齊了 rk box display inline block使p的寬度根據文字的寬...

HTML多行文字溢位控制最後一行顯示省略號樣式

text overflow具有三個值。乙個是clip,修剪文字。第二個就是今天的主角ellipsis,顯示省略符號來代表被修剪的文字。第三個是string,使用給定的字串來代表被修剪的文字,不過一般都不使用這個值。clip的值 white space nowrap width 200px overf...

一行或多行文字省略

只顯示一行字,多餘顯示點點點代替 overflow hidden white space nowrap text overflow ellipsis 只顯示兩行字 display webkit box overflow hidden text overflow ellipsis word wrap ...