css样式也技巧

Posted 2021-01-10 hyx626

目录

解决一字母和数字不能换行问题

 word-wrap: break-word;
/*  此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 */
 word-break: break-all;
 /* 是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。 */

一个单词是一行

word-break: keep-all;
/* 此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 */