css的word-wrap怎么用

這篇文章主要介紹“css的word-wrap怎么用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“css的word-wrap怎么用”文章能幫助大家解決問題。

站在用戶的角度思考問題，與客戶深入溝通，找到東安網(wǎng)站設(shè)計與東安網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋東安地區(qū)。

一、word-wrap引見

word-wrap是設(shè)置對象內(nèi)文字碰到對象頂邊時是否采取換行排版組織。

1、語法
word-wrap:normal—— 應(yīng)允模式頂開指定的容器邊疆，碰到一連沒有空格英文或沒有空格數(shù)字不換行(默認(rèn)，不設(shè)置對象也具有默認(rèn)格式)
word-wrap:break-word —— 內(nèi)容將在腹地內(nèi)換行，當(dāng)形式太多頂?shù)綄ο篪櫆蠒r，模式積極自愿換行。

2、思空見貫情況
對象內(nèi)接連數(shù)字或字母太多后，內(nèi)容頂邊對象容器后不會換行，而是溢出持續(xù)不換行閃現(xiàn)。與漢字或有空格差異，漢字會定格容器要地本地會積極換行。

css的word-wrap怎么用

連氣兒數(shù)字或字母造成不被動換行

3、應(yīng)用語法
p{word-wrap:break-word}
配置html段落p內(nèi)筆墨頂格對象容器邊際被動換行。

二、被動換行word-wrap屬性實例教程

1、代碼

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css逼迫換行 CSS5實例</title>
<style>
.bos{ width:200px; height:80px; border:1px solid #F00; word-wrap: break-word; }
</style>
</head>

<body> <p class="bos">83480348023802ufjflsjfds843820483048jfdljfsl</p> </body> </html>

配置class=bos對象寬度，邊框，里面放入接連不時文字和數(shù)字形式。如果不配置word-wrap: break-word大要涉獵器中考察到本教程文章一初階的第一張圖看到連續(xù)數(shù)字模式不換行超過跨過溢出盒子。

這里給予對象配置word-wrap: break-word勒迫換行花色。

關(guān)于“css的word-wrap怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

文章名稱：css的word-wrap怎么用
地址分享：http://www.jbt999.com/article28/pdgjjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、定制開發(fā)、響應(yīng)式網(wǎng)站、服務(wù)器托管、搜索引擎優(yōu)化

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

猜你還喜歡下面的內(nèi)容