今天同一样的也是一些属性。
浮动属性:
用来布局模块,主要使div这种独占一行的盒子可以水平排列
左浮动:float:left
右浮动:float:right
清浮动:
- clear:left 不允许左边有浮动对象
- clear:right不允许右边有浮动对象
- clear:both不允许左右有浮动对象
溢出属性
主要针对一些内容比较多,目标区域装不下的一些溢出属性设置。
overflow:visible 显示溢出,超出目标区域显示
overflow:hidden 溢出隐藏,超出内容隐藏
overflow:scroll 出现滚动条,通过拉动滚动条展示内容
overflow:auto 自动,哪个方向内容比较多展示不下出现在哪个方向
overflow-x:auto x轴出现滚动条
空余空间属性
white-space:normal 默认情况下是normal,换行输出,盒子不够文字溢出
white-space:nowrap 文本不换行,文本会在同一行上继续,直到遇到<br/>标签为止
white-space:pre 预格式文本,保留空格、tab、回车
white-space:pre-wrap 文本换行,保留空格、tab、回车
white-space:pre-line 文本换行,只显示回车不显示空格
文本溢出显示省略号:
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
还有元素显示类型~
分为块元素、行内元素、行内块元素
块元素:
块元素:有display:block;属性,li中有display:list-item属性;p标签里面只能放文本不能放块元素
块元素独占一行.
行内元素:有display:inline;属性,在一行显示,只能设置背景色,不能设置宽和高,只能设置左右边距,无法实现上下边距
行内块元素:有display:inline-block;属性,和其他行内元素可以放一行,可以设置宽度和高度,上下左右边距