Re: [問題] 請問如果標題超過一定字數,之後的文字 …

看板Web_Design作者 (投①號,逆轉勝)時間17年前 (2008/11/25 01:45), 編輯推噓0(003)
留言3則, 1人參與, 最新討論串1/1
※ 引述《knives ()》之銘言: : 如果我的標題長度超過表格的寬度的話 : 如果直接使用over-flow的效果,只能選擇hidden或是出現scrollbar : 有沒有辦法讓多餘的字直接顯示成類似...的符號 : 如果不使用伺服端的方法,單用css有可能辦到嗎 : 謝謝 <div class="ellipsis"> <span>A very, very, very, very, very, very, very, very, very long text</span> </div> .ellipsis span { white-space:nowrap; text-overflow:ellipsis; /* for internet explorer */ overflow:hidden; width:190px; display:block; } html>body .ellipsis { clear:both; } html>body .ellipsis span:after { content: "..."; } html>body .ellipsis span { max-width:180px; width:auto !important; float:left; } 要注意的是ff的部份只是模擬 沒有太長還是會有...出現 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.139.52.21

11/25 02:56, , 1F
opera 9+的話 -o-text-overflow:ellipsis
11/25 02:56, 1F

11/25 12:53, , 3F
text-overflow:ellipsis;好像safari也可以(css3)
11/25 12:53, 3F
文章代碼(AID): #19AkWbAV (Web_Design)
文章代碼(AID): #19AkWbAV (Web_Design)