快捷導(dǎo)航

javascript實現(xiàn)的一個自定義長度的文本自動換行的函數(shù)。

更新時間：2007年08月28日 20:36:42 作者：

很多朋友在制作網(wǎng)頁過程中總是發(fā)現(xiàn)某些時候一些英文會把原來好好的表格撐開而導(dǎo)致變形，雖然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 來解決這個問題，但有些時候會導(dǎo)致內(nèi)容顯示不完整而被隱藏了起來，并沒有做到自動換行的效果。

于是偶就想寫一個這樣的函數(shù)來修補這個缺陷，這個函數(shù)很簡單，但這里只是提供一種思路來解決這個問題。

function fnAddBr(id, iPerLineLen){.....}
id為要修改的文本塊的id，iPerLineLen為每行的長度

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>Untitled Document</title>  </head>  <body>    <div   class="wppm3vysvbp"   id="content" style="border:1px solid #ccc">  我在做網(wǎng)頁的時候添加的內(nèi)容在生成網(wǎng)頁后總是橫向把表格撐的很寬，很難看；   我在加了   style="table-layout:fixed;word-wrap:break-word;word-break:break-all"   這個代碼后，表格倒是不會撐寬了，可是內(nèi)容又顯示不完全了，只是顯示表格一樣的寬度的內(nèi)容，其他的被遮擋或是過濾掉了。   我的是漢字，這個有關(guān)系嗎？   請問有什么方法可以讓在表格中的文字到多少字的時候就自動換一行？或是能換行又不撐大表格，而且不略去內(nèi)容！   我的內(nèi)容是在動易中調(diào)用的這個標(biāo)簽！  </div>  <div   class="wppm3vysvbp"   id="content1" style="border:1px solid #ccc">  我在做網(wǎng)頁的時候添加的內(nèi)容在生成網(wǎng)頁后總是橫向把表格撐的很寬，很難看；   我在加了   style="table-layout:fixed;word-wrap:break-word;word-break:break-all"   這個代碼后，表格倒是不會撐寬了，可是內(nèi)容又顯示不完全了，只是顯示表格一樣的寬度的內(nèi)容，其他的被遮擋或是過濾掉了。   我的是漢字，這個有關(guān)系嗎？   請問有什么方法可以讓在表格中的文字到多少字的時候就自動換一行？或是能換行又不撐大表格，而且不略去內(nèi)容！   我的內(nèi)容是在動易中調(diào)用的這個標(biāo)簽！  </div>    </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

javascript實現(xiàn)的一個自定義長度的文本自動換行的函數(shù)。

相關(guān)文章

分享11個常用JavaScript小技巧
在我們的日常開發(fā)過程中，我們經(jīng)常會遇到數(shù)字與字符串轉(zhuǎn)換，檢查對象中是否存在對應(yīng)值，條件性操作對象數(shù)據(jù)，過濾數(shù)組中的錯誤值，等等這類處理。本文整理出了一些常用的小技巧，希望大家能喜歡
2022-06-06
js獲取對象、數(shù)組的實際長度,元素實際個數(shù)的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取對象、數(shù)組的實際長度,元素實際個數(shù)的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
javascript數(shù)組去重的方法匯總
數(shù)組去重復(fù)是一個常見的需求，我們暫時考慮同類型的數(shù)組去重復(fù)。主要是理清思路和考慮下性能。以下方法，網(wǎng)上基本都有，這里只是簡單地總結(jié)一下分享給大家。
2015-04-04
js實現(xiàn)非常簡單的焦點圖切換特效實例
這篇文章主要介紹了js實現(xiàn)非常簡單的焦點圖切換特效,是一個非常簡單的js焦點圖切換效果,涉及javascript操作鼠標(biāo)事件與圖片的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
javascript顯示動態(tài)時間的方法匯總
本文給大家匯總介紹了3種javascript實現(xiàn)動態(tài)顯示時間的方法及詳細示例，有需要的小伙伴可以參考下
2018-07-07
js 翻轉(zhuǎn)顏色實現(xiàn)代碼
將#ffffff轉(zhuǎn)換成rgb(0,0,0)格式的顏色代碼，需要的朋友可以參考下。
2010-03-03
基于JavaScript實現(xiàn)網(wǎng)紅太空人表盤的完整代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)網(wǎng)紅太空人表盤的完整代碼,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-03-03
JS是按值傳遞還是按引用傳遞
在分析這個問題之前，我們需了解什么是按值傳遞(call by value)，什么是按引用傳遞(call by reference)。在計算機科學(xué)里，這個部分叫求值策略(Evaluation Strategy)。它決定變量之間、函數(shù)調(diào)用時實參和形參之間值是如何傳遞的。
2015-01-01
封裝了一個自動生成漸變字的JS類(clip)
之前做過一個生成漸變字體的簡單演示今天閑著沒事就把這個功能完善了，把JS代碼封裝成一個類，載入頁面就可以使相應(yīng)的HTML元素內(nèi)部的字體產(chǎn)生漸變色。
2008-11-11
js異步之a(chǎn)sync和await實現(xiàn)同步寫法
本文主要介紹了js異步之a(chǎn)sync和await實現(xiàn)同步寫法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03