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;} 需三者配合使用