• css小知识


    1.margin标记带有的一个、两个、三个、四个参数,各有不同含义
             margin: 20px;(上、下、左、右各20px)

             margin: 20px  40px;(上、下20px;左、右40px)
             margin: 20px  40px  60px;(上20px;左、右40px;下60px)
             margin: 20px  40px  60px  80px;(上20px;右40px;下60px ;左80px)

    2.position 属性规定元素的定位类型,默认值为static
                     absolute: 生成绝对定位的元素,相对于static定位以外第一个父元素进行定位,元素通过'left','top','right','bottom'属性进行规定
                     fixed:生成绝对定位的元素,相对于浏览器窗口进行定位,元素通过'left','top','right','bottom'进行规定
                     relative:生成相对定位元素,相对于其正常位置进行定位。因此,'left:20'会向元素的left位置添加20像素
                     static:默认值,没有定位,元素出现在正常的流中(忽略top、bottom、left、right或z-index)
                     inherit:规定从父元素继承position属性

    3.控制table内容超出表格长度后自动隐藏

              table{table-layout :fixed  ;border-collapse: collapse;}
              td{ white-space: nowrap;   //控制单行显示
                    overflow: hidden;         //超出隐藏
                     text-overflow: ellipsis     //隐藏的字符用省略号表示
                  }

    4.overflow:hidden不起作用的一种情况:

           不精确样式:
        ul{margin:0 ;padding:0 ;float: left ;list-style:none; 100%}
        li{float:left ;overflow:hidden;}

            正确样式为:
        ul{margin:0 ;padding:0 ;float: left ;list-style:none; 100%}
        li{float:left ;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}       需三者配合使用


             

  • 相关阅读:
    liunx下一些服务小知识
    hausaufgabe--python 32
    hausaufgabe--python 31
    UnicodeDecodeError: 'gbk' codec can't decode byte 0xbc in position 21: illegal multibyte sequence
    hausaufgabe--python 30
    Running error: 'utf-8' codec can't decode byte 0xb4 in position 0: invalid start byte
    hausaufgabe--python 29- File 2
    Hausaufgabe--Python 28-- File 1
    hausaufgabe--python 27
    hausaufgabe--python 26 -Dict 2
  • 原文地址:https://www.cnblogs.com/suyun1219/p/12081194.html
Copyright © 2020-2023  润新知