表单自动换行怎么实现?

  • word-break:normal 使用浏览器默认的换行规则;

break-all 允许单词内换行

keep-all 只能在半角空格或连字符处换行

  • word-wrap:normal 使用浏览器默认的换行规则;break-word 在长单词或 URL 地址内部进行换行


    
        
        
        
    
    
        
全是中文有标点 全是中文无标点 全是英文有标点 中文和英文 全是英文无标点
你好这是中文。你好这是中文。你好这是中文。你好这是中文。 你好这是中文你好这是中文你好这是中文你好这是中文 This is all English. This is all English. This is all English. 中英文混排的情况。Chinese and English.中英文混排的情况。Chinese and English. This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

表单自动换行怎么实现?_第1张图片
word-break: keep-all;
表单自动换行怎么实现?_第2张图片
word-break: break-all;
表单自动换行怎么实现?_第3张图片
word-wrap: break-word

总结:

换行 显示
word-break normal 默认的换行规则
word-break break-all 允许单词内换行
word-break keep-all 只能在半角空格内或连字符处换行
---- ------ ----
word-wrap break-word 在长单词或URL地址内部进行换行

你可能感兴趣的:(表单自动换行怎么实现?)