css:中文词不断开,整体换行
生活随笔
收集整理的這篇文章主要介紹了
css:中文词不断开,整体换行
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、問(wèn)題 ?
我們想要的效果是,一個(gè)詞整體換行或不換行,“兼職測(cè)試”可以都換至第二行,或者保留在第一行,而不是像現(xiàn)在這樣,在詞內(nèi)斷行。 二、解決方法 ? 如果每個(gè)詞是個(gè)a標(biāo)簽的話,我們?yōu)樗砑訉傩?span style="color:#ed1c24;">display:inline-block,效果如圖:
這樣就實(shí)現(xiàn)了想要的效果
關(guān)于文字的換行與不換行的問(wèn)題有些特殊情況,是使用css的word-break等屬性實(shí)現(xiàn)不了的,下面的情況就證明了:
我們想要的效果是,一個(gè)詞整體換行或不換行,“兼職測(cè)試”可以都換至第二行,或者保留在第一行,而不是像現(xiàn)在這樣,在詞內(nèi)斷行。 二、解決方法 ? 如果每個(gè)詞是個(gè)a標(biāo)簽的話,我們?yōu)樗砑訉傩?span style="color:#ed1c24;">display:inline-block,效果如圖:
這樣就實(shí)現(xiàn)了想要的效果
總結(jié)
以上是生活随笔為你收集整理的css:中文词不断开,整体换行的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: linux 命名
- 下一篇: windows下实现Git在局域网使用