当文本量大增的时候,会出现文本量超过盒子长度的情况,这种情况,要么文本在盒子的约束下自动换行,要么浏览器出现进度条进行左右换行.
当我们不想文档出现换行的时候就可以使用overflow来进行设置
属性:overflow
属性值:visible(正常属性),hidden(隐藏超出的文本),scroll(当文本量超出的时候会出现滚动条)
auto(自动判断,当文本量超出的时候就会出现,不超出的时候会自己隐藏)
常用的需求:overflow-x(横向文本溢出隐藏),overflow-y(竖向文本溢出隐藏)
常用案例:手机端新闻端滑轮:
使用div大盒子来进行装列表,然后
使用ul列表属性来进行数据储存然后使用浮动属性来让列表进行横向排序,
让div的宽度固定,然后把ul的长度给拉长,让lu的文本溢出.在div里面添加overflow-x:auto
再调整调整列表里面的文字大小顺序.