• css之强制换行问题记录


    1、场景描述:input textarea框允许输入数字、字母、汉字进行保存回显

    2、问题描述,在开发过程中发现当输入几个汉字后连续再输入大于一行的数字或字母,会出现汉字单独占一整行,数字/字母换行显示问题,为了给用户带来更好的用户体验,需要汉字、字母、数字连续显示,不出现上述情况。

    3、问题出现原因:连续字母不换行,连续字母会被认定为一个单独的单词,所以浏览器保证连续展示的原则,不换行,当整个连续出现在行尾且展示不下时,这个连续字母做整体换行处理,此时数字同样出现这个问题,可能也是同字母一样处理

    4、解决方案:css加 word-break:keep-all/word-break:break-all

    5、最终结果:当标签内容展示到标签尾部,只能在半角空格或连字符处换行展示/行尾截断展示,保证标签内每行都满行再进行换行展示

    6、问题展示:

    7、最终展示:

  • 相关阅读:
    MySQL 卸载
    Mysql(压缩包)下载与安装
    sqlserver一次性修改多条
    mysql一些操作
    SQL函数集合
    js时间转换相关
    easyui grid中翻页多选方法
    easyui combobox筛选(拼音)
    wpf图片切换,幻灯效果
    openfire搭建IM
  • 原文地址:https://www.cnblogs.com/emilyzz/p/14549348.html
Copyright © 2020-2023  润新知