文本溢出处理--overflow

对于局面布局时会遇到很多文本溢出情况,这个时候我们需要用** overflow**这个属性来处理.

overflow

可以设置的属性
visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
visible:
对溢出内容不做处理,内容可能会超出容器。
hidden
隐藏溢出容器的内容且不出现滚动条。
scroll
隐藏溢出容器的内容,溢出的内容将以卷动滚动条的方式呈现。
auto
当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。此为body对象和textarea的默认值。
paged-x:TODO...(CSS3)
paged-y:TODO...(CSS3)
paged-x-controls:TODO...(CSS3)
paged-y-controls:TODO...(CSS3)
fragments:TODO...(CSS3)

怒发冲冠,凭栏处,潇潇雨歇。   抬望眼,仰天长啸,壮怀激烈。   三十功名尘与土,八千里路云和月。   莫等闲,白了少年头,空悲切!   靖康耻,犹未雪;臣子恨,何时灭?   驾长车,踏破贺兰山缺!   壮志饥餐胡虏肉,笑谈渴饮匈奴血。   待从头,收拾旧山河,朝天阙!
文本溢出处理--overflow_第1张图片
AEA7D908-FFF1-4C7B-B387-50AE7E185993.png

你可能感兴趣的:(文本溢出处理--overflow)