這篇文章主要介紹“css3如何讓字體不換行”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“css3如何讓字體不換行”文章能幫助大家解決問題。

10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有海倫免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

在css3中，可以利用“white-space”屬性讓字體不換行，該屬性用于處理元素內(nèi)的空白，當(dāng)屬性值設(shè)置為“nowrap”時(shí)，字體文本不會(huì)換行，會(huì)在在同一行上繼續(xù)，直到遇到換行標(biāo)簽為止，語法為“white-space:nowrap”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3怎么讓字體不換行

在css中，可以使用white-space屬性來強(qiáng)制文字不換行；通常我們使用white-space:nowrap來強(qiáng)制文本文字內(nèi)容不換行，文本會(huì)在在同一行上顯示，直到遇到
標(biāo)簽為止。

white-space屬性設(shè)置或檢索對(duì)象內(nèi)文本顯示方式。

語法：

white-space : normal | nowrap;

屬性值：

• normal：默認(rèn)?？瞻讜?huì)被瀏覽器忽略。

• nowrap：文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到
  標(biāo)簽為止。

示例：

div {
width: 120px;
height: 60px;
line-height: 20px;
border: 1px dashed #ccc;
margin: 10px;
}
.demo {
white-space: nowrap
}



內(nèi)容將會(huì)不被換行顯示
內(nèi)容將在一行內(nèi)強(qiáng)制顯示完整