css 控制文字超出時顯示省略號

不多說，直接看**吧：

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>內容超出顯示省略號
title
>
<
style
>
.limitword
style
>
head
>
<
body
>
<
p class
="limitword"
>
這是內容1這是內容2這是內容3這是內容4這是內容5這是內容6這是內容7
p>
body
>
html
>

補充：我試過使用span，加入相同的樣式，但是span並沒有實現省略號功能，只有p標籤可以實現，如果p標籤要實現span的功能，只需要再加上乙個樣式即可：display:inline-block;

CSS文字超出顯示省略號

white space nowrap overflow hidden text overflow ellipsis 但是因為兩個行內元素例如span一起的時候會出現一些間距，為了去掉這些間距我們可以給元素新增font size 0 但這樣做的話，會發現省略號消失了，但不新增font size 0 又...

CSS控制文字，超出部分顯示省略號

pstyle width 300px overflow hidden white space nowrap text overflow ellipsis 如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來，當然還需要加寬度width屬來相容部分瀏覽。...

CSS控制文字，超出部分顯示省略號

pstyle width 300px overflow hidden white space nowrap text overflow ellipsis 如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來，當然還需要加寬度width屬來相容部分瀏覽。...