每 n 個字加 WBR

若是連續的英文字(或網址), 在整個頁面顯示上是不會斷行的, 會把整個頁面撐開.

這時後就要使用 <wbr> 的 tag(或塞空白), 大約每 30 個字就塞一個. 是塞空白可能會影響到原始資料, 還是加 <wbr> 比較好.

簡單的一個小 function:

function insWBR($str, $number = 30)
{
    $pattern = "/([w|.]{$number})/";
    $replacement = "\1<wbr>";
    return preg_replace($pattern, $replacement, $str);
}

$str = 'aaaaaaaaaaaa................aaaaaaaaaaaaaa............';
insWBR($str, 3);  // 每三個字加一個 WBR, Test 看看

就可以看到神奇的功效囉~

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料