→ weiyucsie:opera 9+的話 -o-text-overflow:ellipsis 11/25 02:56
→ weiyucsie:text-overflow:ellipsis;好像safari也可以(css3) 11/25 12:53
※ 引述《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