div中文字換行問題:
div設定寬度後,如果div裡放的是漢字,文字超過div寬度會自動換行,如果是字母,則不會預設換行,超出div的寬度會溢出,需要通過屬性值進行強制換行
word-break:break-all | 隻對英文起作用,以字母作為換行依據 |
word-wrap:break-word | 隻對英文起作用,以單詞作為換行依據 |
white-space:prare-wp | 隻對中文起作用,強制換行 |
white-space:nowrap | 強制不換行,都起作用 |
溢出文字用省略号表示
div {
width: 200px;
height: 200px;
/* 内容溢出隐藏 */
overflow: hidden;
/* 設定文本不換行 */
white-space: nowrap;
/* 元素溢出省略号 */
text-overflow: ellipsis;
}