css
奔跑8蜗牛_
一步一步往上爬
展开
-
其他样式
一、文字省略 注意:必须先确定左右的位置才有效果,如果右边的位置不确定(即长度未知),则会出现看不到情况,虽然也是省略了,但看不到省略号。overflow:hidden;//自动隐藏文字text-overflow:ellipsis;//文字隐藏后添加省略号white-space:nowrap;//强制不换行二、覆盖层position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,...原创 2020-05-26 11:30:56 · 146 阅读 · 0 评论 -
display属性
一、display属性none block inline inline-block inherit二、display:nonenone这个值表示此元素将不被显示三、display:block 使用了display:block;之后, 此元素将显示为块级元素,此元素前后会带有换行符。标准文档流:简称标准流,指的是在不使用其他的与排列和定位相关的css规则时,各种元素的排列规则。块级元素:占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个...原创 2020-05-26 10:51:57 · 1662 阅读 · 0 评论 -
position定位
一、fixed绝对定位 fixed生成绝对定位的元素,相对于浏览器窗口(或手机等终端窗口)进行定位。元素的位置通过“left”、“top”、“right”、“bottom”属性进行规定。基于浏览器窗口(或手机等终端窗口)浮动于文档流之上,随着滚动一直停留在屏幕之中。二、absolute绝对定位 absolute生成绝对定位的元素,元素的位置通过“left”、“top”、“right”、“bottom”属性进行规定。在没有使用 “left”, “top”, “righ...原创 2020-05-26 10:23:00 · 211 阅读 · 0 评论 -
flex布局(行内容器模式)
一、flex布局 flex布局实现水平居中、垂直居中和左右对齐等。对布局容器的设置display:flex;其中有两个属性,justify-content(垂直方向)和align-items(水平方向)二、flex布局设计到属性 1、flex-direction(改变轴线方向):row(水平轴线,默认),column(垂直轴线) 2、justify-content(垂直方向):flex-start(居于轴线的开头)、center(轴线的中间)、flex-...原创 2020-05-26 09:44:27 · 881 阅读 · 0 评论