快捷導(dǎo)航

javascript實(shí)現(xiàn)的一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)。

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

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

于是偶就想寫(xiě)一個(gè)這樣的函數(shù)來(lái)修補(bǔ)這個(gè)缺陷，這個(gè)函數(shù)很簡(jiǎn)單，但這里只是提供一種思路來(lái)解決這個(gè)問(wèn)題。

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

<!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)頁(yè)的時(shí)候添加的內(nèi)容在生成網(wǎng)頁(yè)后總是橫向把表格撐的很寬，很難看；   我在加了   style="table-layout:fixed;word-wrap:break-word;word-break:break-all"   這個(gè)代碼后，表格倒是不會(huì)撐寬了，可是內(nèi)容又顯示不完全了，只是顯示表格一樣的寬度的內(nèi)容，其他的被遮擋或是過(guò)濾掉了。   我的是漢字，這個(gè)有關(guān)系嗎？   請(qǐng)問(wèn)有什么方法可以讓在表格中的文字到多少字的時(shí)候就自動(dòng)換一行？或是能換行又不撐大表格，而且不略去內(nèi)容！   我的內(nèi)容是在動(dòng)易中調(diào)用的這個(gè)標(biāo)簽！  </div>  <div   class="wppm3vysvbp"   id="content1" style="border:1px solid #ccc">  我在做網(wǎng)頁(yè)的時(shí)候添加的內(nèi)容在生成網(wǎng)頁(yè)后總是橫向把表格撐的很寬，很難看；   我在加了   style="table-layout:fixed;word-wrap:break-word;word-break:break-all"   這個(gè)代碼后，表格倒是不會(huì)撐寬了，可是內(nèi)容又顯示不完全了，只是顯示表格一樣的寬度的內(nèi)容，其他的被遮擋或是過(guò)濾掉了。   我的是漢字，這個(gè)有關(guān)系嗎？   請(qǐng)問(wèn)有什么方法可以讓在表格中的文字到多少字的時(shí)候就自動(dòng)換一行？或是能換行又不撐大表格，而且不略去內(nèi)容！   我的內(nèi)容是在動(dòng)易中調(diào)用的這個(gè)標(biāo)簽！  </div>    </body>  </html>

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

您可能感興趣的文章:

javascript實(shí)現(xiàn)的一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)。

相關(guān)文章

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