day7、文本溢出

div标签变为可输入状态 contenteditable=false、true

overflow属性:

属性值:visible默认值 正常显示、hidden溢出隐藏、scroll 滚动 存在样式、auto自动*

scroll滚动条样式会一直存在,当内容溢出才会有滚动效果。auto当内容溢出时才有滚动条。

扩展:overflow-x、overflow-y

显示省略号:属性text-overflow:属性值clip/ellipsis、clip默认不显示,ellipsis在具备条件下显示省略号,

显示省略号条件:必须是单行文本。容器要有固定宽高大小、元素固定在一行内显示、让超出去的文本隐藏起来、然后再让隐藏的文本变为省略号显示。

white-space:nowrap让文本一行显示,

overflow:hidden让超出文本隐藏,

text-oveflow:ellipsis让超出文本显示为省略号。

white-space属性:

        属性值:nowrap 不换行、pre 保留空格(空白)、pre-line 删除空格 保留换行、pre-wrap 保留了换行和空格。

pre标签:保留编辑的样式。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值