广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    css设置文本内容过长时换行

    来源:网络收集  点击:  时间:2024-08-03
    【导读】:
    文本内容有时候长度不是固定的,当长度过长想要自动换行,通过css该怎么做呢?工具/原料morevscode方法/步骤1/7分步阅读

    打开visual studio code,创建一个H5规范的html文档结构

    2/7

    对于浏览器来说,只读内容标签(如:p、div、span、table)默认都是自动换行的,所以,当没有设置整体样式时,这一项是不需要设置的

    3/7

    模拟全局样式强制P标签不换行,即使p标签设置了宽度,且宽度比文字内容窄,也不会换行

    4/7

    使用css的white-space属性,设置white-space:normal或者white-space:unset覆盖掉全局样式,从而自动换行

    5/7

    要覆盖全局样式,那么新样式的权值必须比全局样式的权值高,才可以成功覆盖

    6/7

    使用overflow:auto可以设置滚动条,适用于:当文字换行后,外层设置了固定高度,导致部分文字不显示的情况

    7/7

    单行文本框是不支持换行的,设置换行样式也是没有用的

    CSS设置换行不换行内容
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1054547.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 10:07:24  耗时:0.025
    0.0255s