一些css优化

冷不防 2022-12-25 14:51 137阅读 0赞

常用的属性整理，直接复用

/* 清除浮动 */
     .clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;zoom:1;}

/* 图片自适应 */
            img {
                max-width: 100%;
                height: auto;
                width:auto\9; /* ie8 */
                -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
            }

/* 初始化 */
            body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
            aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0;}
            body{font-family: 'Helvetica Neue', 'Microsoft Yahei', sans-serif;}

/*都需要设置width*/
    .text_fix_3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical
    }
    
    .text_fix_1 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS的一些总结

![在这里插入图片描述][20210113193205311.png_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

我就是我/ 2023年01月06日 01:56/ 0 赞/ 145 阅读

相关一些css优化

常用的属性整理，直接复用 / 清除浮动 / .clearfix:after{content:""; display:block; visibility:hi

冷不防/ 2022年12月25日 14:51/ 0 赞/ 138 阅读

相关前端优化一些细节

1. 在目标图标不能正常载入时，载入备份替代图来提供用户体验。 <img src="http://sample.com/img.png" onerror="this.

男娘i/ 2022年12月20日 12:53/ 0 赞/ 165 阅读

相关 Mysql优化一些知识

硬盘的存储对比 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

柔光的暖阳◎/ 2022年12月08日 14:10/ 0 赞/ 95 阅读

相关 css一些样式小结

.ellipsis{ word-break: keep-all; white-space: nowrap; overfl

叁歲伎倆/ 2022年09月22日 13:53/ 0 赞/ 210 阅读

相关 CSS优化概述

CSS优化的作用 1、减轻服务器的压力 2、缩短服务器响应时间 3、提高用户的体验度 CSS优化原则

ゞ浴缸里的玫瑰/ 2022年07月11日 04:58/ 0 赞/ 127 阅读

相关记一些css

做前端3年多了，却从来没有认真的仔细的学一下css 真是惭愧！~~~~~~~~~ 边看变记咯............ css简写 ma

朴灿烈づ我的快乐病毒、/ 2022年06月13日 12:48/ 0 赞/ 169 阅读

相关一些css笔记

css3动画 /这是一个动画，从上面（top:0）移动到下面（top:364px）/ .animTitle{ font-size:6

「爱情、让人受尽委屈。」/ 2022年04月24日 15:36/ 0 赞/ 195 阅读

相关一些 Tomcat的优化

闲谈Tomcat性能优化 Tomcat在各位JavaWeb从业者常常就是默认的开发环境，但是Tomcat的默认配置作为生产环境，尤其是内存和线程的配置，默认都很低，容易成为

Bertha 。/ 2022年03月20日 11:10/ 0 赞/ 142 阅读

相关 css 一些小笔记

针对IE6 的浮动加 display：inline 子元素 position：relative; overflow:hidden 失效 ,需在父元素上同样加上

旧城等待，/ 2021年10月19日 08:44/ 0 赞/ 281 阅读