溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“CSS div內放長英文字母或長數(shù)字自動換行的方法”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS div內放長英文字母或長數(shù)字自動換行的方法”文章能幫助大家解決問題。
在div css組織中，遇到延續(xù)英文字母或連續(xù)數(shù)字在div、p、h3、h2等盒子里排成一排透露表現(xiàn)不會自動隨盒子寬度限制而主動換行。這里CSS5為各人先容應用css樣式簡單實現(xiàn)DIV內放字母英文或數(shù)字積極換行。
固然中翰墨在DIV或任意盒子中均會被動換行不重要CSS花式實現(xiàn)，只有間斷的字母或數(shù)字會涌現(xiàn)不自動換行問題，以是緊要CSS打點。
但一般很少泛起在一個盒子里一排排不完的連氣兒不竭的字母或數(shù)字，雖然涌現(xiàn)即可運用下列CSS DIV教程來計劃。
word-wrap:break-word
評釋：應用break-word時，是將強逼換行。
兼容各版本IE涉獵器，兼容谷歌瀏覽器。
1、殘缺HTML+CSS代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS5 CSS英文積極換行 在線實例</title>
<style>
.CSS5{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word}
</style>
</head>
<body>
<div class="CSS5">
aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj<br />
138787843748927493274392749327493
</div>
</body>
</html>
2、實例成就截圖
關于“CSS div內放長英文字母或長數(shù)字自動換行的方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
