textoverflow a {
display:block;
width:120px;
margin: 0px 0px 0px 3px;
white-space: nowrap;
overflow: hidden;
float: left;
-o-text-overflow: ellipsis; /**//* for Opera */
text-overflow: ellipsis; /**//* for IE */
}
.textoverflow:after{ content: ""; }/**//* for Firefox */
@media all and (min-width: 0px){ .textoverflow:after{ content:""; }/**//* for Opera */ }
CSS全兼容實現文字省略標記
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
我實現了客戶要求的五彩斑斕的黑!!!
SC前端
2020-07-08 10:39:04
CSS預處理器和後處理器
我的绝伦大人
2020-07-08 09:19:30
【Python】CSS選擇器語法
岚清子
2020-07-08 09:13:33
bootstrap側邊導航欄的實現
吃鱼的羊
2020-07-08 05:50:47
HTML 實現排行榜
Joker_PL
2020-07-08 09:11:56
1upx border在某些手機機型上某一邊框顯示不出來解決方案
Syleapn
2020-07-08 07:53:02
ES6中數組複製與合併
Syleapn
2020-07-08 07:15:13
HTML(超鏈接,建立錨點,建立圖像,圖像地圖)
sysydesign
2020-07-08 06:12:45
require(‘module‘).globalPaths.push(‘「%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, ‘\\\\
真·skysys
2020-07-08 11:54:33
Html Webpack Plugin: ReferenceError: process is not defined
修改ejs文件 將<% if (!process.browser) {%> 改成: <% if (!require(‘process’).browser) { %>
真·skysys
2020-07-08 11:54:32
electron-vue項目引入element-ui
真·skysys
2020-07-08 11:54:31