css如何讓文本不換行顯示

本篇內(nèi)容主要講解“css如何讓文本不換行顯示”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css如何讓文本不換行顯示”吧!

陳倉(cāng)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書(shū)合作）期待與您的合作！

一、white-space屬性

在CSS中，通過(guò)white-space屬性來(lái)控制文本的排版方式。默認(rèn)情況下，white-space屬性的值是“normal”，即遇到空格、換行、Tab等空白符時(shí)，會(huì)自動(dòng)換行，不再向前排版。我們只需要將其設(shè)置為“nowrap”，則文本就不會(huì)換行。

示例如下：

.container {
  white-space: nowrap;
}

上述代碼中，.container表示需要進(jìn)行樣式控制的容器，將white-space設(shè)為nowrap即可讓文本不換行。

二、overflow屬性

另一種控制文本不換行的方法是使用overflow屬性。利用這個(gè)屬性可以讓容器中內(nèi)容超出容器范圍時(shí)，隱藏或顯示滾動(dòng)條。在這里，我們可以將overflow的值設(shè)置為“hidden”，這樣可以將支流超出容器范圍的文本隱藏，同時(shí)文本也不會(huì)換行。

示例如下：

.container {
  overflow: hidden;
}

上述代碼中，.container表示進(jìn)行樣式控制的容器，將overflow設(shè)為hidden即可讓文本不換行。

三、text-overflow屬性

在一些情況下，文本太長(zhǎng)，但不能隱藏，需要顯示部分文本內(nèi)容，并以省略號(hào)表示未顯示部分，這時(shí)就可以使用text-overflow屬性。利用這個(gè)屬性可以讓文本超過(guò)一定長(zhǎng)度時(shí)顯示省略號(hào)，同時(shí)文本不會(huì)換行。

示例如下：

.container {
  overflow: hidden;   /* 必須要設(shè)置overflow屬性值為“hidden” */
  white-space: nowrap;  /* 禁止文本換行 */
  text-overflow: ellipsis;  /* 超出容器大小的文本以省略號(hào)表示 */
}

上述代碼中，.container表示進(jìn)行樣式控制的容器，將overflow設(shè)為hidden、white-space設(shè)為nowrap和text-overflow設(shè)為ellipsis即可讓文本不換行并顯示省略號(hào)。

到此，相信大家對(duì)“css如何讓文本不換行顯示”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享標(biāo)題：css如何讓文本不換行顯示
URL地址：http://muchs.cn/article46/jojshg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站排名、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)