day05-文本溢出属性

1.文本溢出

  文本溢出属性(父级盒子添加)
    属性:overflow
    属性值
        - 默认值 visible 正常显示
        - hidden 隐藏
        - scroll 滚动条
        - auto 自动

    auto和scroll的区别
        - scroll当内容超出去的时候滚动条有作用 没有超出去的时候依然会显示滚动条的样式
        - auto 根据内容的字符数进行显示

    拓展属性 overflow-x/overflow-y

    

  2. 显示省略号


        1.容器盒子固定的宽高
        2.文本强制性的在一行显示
        3.超出去的文本隐藏起来
        4.让隐藏的文本变成省略号
        
    
       - white-space:表示对页面中空白空间的处理
       - nowrap 强行性的在一行显示 直至遇到br就会换行

    了解
        - pre 保留空格 当文本超出可视区域的时候也不会进行换行
        - pre-line 删除了空格 保留了换行
        - pre-wrap 空格和换行都都保留了

      格式化标签 : pre

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值