問題起因:做項目遇到列表下文字超長導致頁面樣式混亂的情況,
處理如下:
設定每個單元格的最大寬度,max-width:
對超出部分進行截取:overflow:hidden; 缺點:最後一個字很容易截掉一半;
添加對超出部分添加...進行省略(兼容各個瀏覽器):text-overflow:ellipsis; 缺點:只支持一行,多行的無法實現
效果:
還有添加js方法進行截取,後續補充。
問題起因:做項目遇到列表下文字超長導致頁面樣式混亂的情況,
處理如下:
設定每個單元格的最大寬度,max-width:
對超出部分進行截取:overflow:hidden; 缺點:最後一個字很容易截掉一半;
添加對超出部分添加...進行省略(兼容各個瀏覽器):text-overflow:ellipsis; 缺點:只支持一行,多行的無法實現
效果:
還有添加js方法進行截取,後續補充。
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie