再学HTML5之内容溢出

内容溢出的处理方式
今天在学习过程中讲到文本内容的溢出,其出现的主要原因是设定的内容盒大小固定后,文本内容过多而造成溢出。处理方式有:
1.先将文本内容输入后,可不设置内容盒的大小,其默认大小不会造成溢出,但是为了整体的布局美观,这种方法通常不可取。
2.第二种就是今天学到的内容隐藏,在以前的学习中老师并没有讲到具体的代码是
overflow英文直译就为溢出,通过overflow:hidden即可实现文本多余内容盒大小的文本进行隐藏
但是会影响使用者的阅读体验,毕竟读不完会引起好奇心,隐藏后我目前还找不到方法读到隐藏的内容。于是就有了第三种方法。
3.生成滚动条。通过滚动条可以较为完美的实现内容溢出的处理
其本身也是内容溢出的一种处理方式overflow:scroll。可生成x轴和y轴的滚动条。
overflow-x|y。然而我却遇到了问题:
在这里插入图片描述指定某条轴的滚动条后另外一条轴的滚动条依然存在!!!
同时第二种方法由于能勾起用户的好奇心可用作文章标题,内容溢出后在设置文本溢出text-overflow设定为圆点即可以用作文章标题了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值