快捷導(dǎo)航

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

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

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

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

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

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

您可能感興趣的文章: