ie8及其以下版本相容性問題之文字省略

2021-08-02 21:40:29 字數 885 閱讀 1538

單行文字省略適用於文字超出內容顯示區,則在末尾顯示省略號

普通文字超出顯示省略號,示例:

.p
首先應設定**屬性table-layoutfixed;然後再為單元格設定省略,示例:

table

table tr

table tr th,table tr td

多行文字省略適用於文字超出內容顯示區高度,則在最後一行的末尾顯示省略號

.p

.p::after

.p:after

通過引入溢位省略外掛程式dotdotdot.js實現多行省略

引入dotdotdot.js,為要省略的內容施加方法即可,示例:

$('.p').dotdotdot();
切換內容顯示/隱藏

$(function()

$('.right_unreadinfo_p2 i').text(unreadnum);

});$('.right_neweststate_con em').each(function()

function destroydots()

createdots();

$(this).on('click',function()

}$this.toggleclass('opend');

if ($this.hasclass('opend')) else

});})

})

其他使用方法參考官方demo

ie8及其以下版本相容性問題之圓角

border radius其中檔案的路徑是相對html的,所以在伺服器上最好用絕對路徑。對於有些父元素已經設定了position屬性的元素,會出現無法顯示的情況,此時可以給元素加上position relative 如下 border radius也可以將元素的z index值設大一些。如果元素不能...

ie8及其以下版本相容性問題之文字省略

單行文字省略適用於文字超出內容顯示區,則在末尾顯示省略號 普通文字超出顯示省略號,示例 p首先應設定 屬性table layout為fixed 然後再為單元格設定省略,示例 table table tr table tr th,table tr td多行文字省略適用於文字超出內容顯示區高度,則在最後...

IE8及其以下版本會有哪些相容性問題

ie8及其以下版本下使用console會報錯 console未定義。需要自定義console函式,如下 解決ie瀏覽器console未定義的問題 window.console window.console function c.log c.warn c.debug c.info c.error c....