解決方法:
1、在不影響布局的情況下,可以選擇數(shù)據(jù)自動(dòng)換行。a.設(shè)置寬度限制:可以使用width值和max-width最大寬度值。b.內(nèi)容自動(dòng)換行:word-wrap:break-word(中文,英文語句,長(zhǎng)串字母都能實(shí)現(xiàn))。網(wǎng)站建設(shè)提醒:長(zhǎng)串字母實(shí)現(xiàn)前提,必須將寬度限制直接添加到“文本內(nèi)容的標(biāo)簽”。
2,控制數(shù)據(jù)超出一定范圍,自動(dòng)隱藏;通過title值來顯示全部數(shù)據(jù)信息。a.設(shè)置寬度限制:可以使用width值和max-width最大寬度值。b.超出范圍隱藏:overflow:hidden。
3,控制數(shù)據(jù)超出一定范圍,自動(dòng)隱藏,并顯示省略號(hào)...——通過title值來顯示全部數(shù)據(jù)信息。a.數(shù)據(jù)不換行:white-space:nowrap;b.超出范圍隱藏:overflow:hidden;c.顯示省略號(hào):text-overflow:ellipsis。