天天看點

DIV中文字換行顯示

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;
        }
           

繼續閱讀