網頁自動分散對齊
在我還沒看到以前，我一直認為“網頁的分散對齊”應該是不可能實現的，不過後來在某個“情色”網站的標題上，卻發現它們竟然是“分散對齊”的，這當時對我造成相當大的震撼，後來才發現它是計算兩個字之間的空白像素達成的。
後來我也將這個功能實現了，原理就是：
1.定義表格的寬度，ex:width=300
2.定義字型大小，單位px
3.計算字數
4.(表格寬度-(字數*字型大小))/ (字數-1)=兩個字間的間隔
5.將要呈現的字串套上定義好的letter-spacing 宣告
6.完成
複製內容到剪貼板
代碼:
<?php
$result ="SELECT *FROM menu ";
$sql =mysql_query($result);
$tc =0;
while ($row =mysql_fetch_object ($sql)):
$name =$row->name;
$weblink =$row->weblink;
// 自動分散對其宣告
$textlen =big5_strlen($name );
$fontsize =13;
$ls =Floor (($width -($fontsize*$textlen))/ ($textlen-1));
?>
<tr align="center">
<td colspan="3"height="24"bgcolor="<?php if ($tc%2)echo "#FFFFFF";else echo "#DDDDDD";?>"class="fs<?php echo $ls;?>">
<a href="<?php echo $weblink;?>"target="rmenu"><?php echo $name;?></a></td>
</tr>
<?php
$tc++;
endwhile;
?>
</table>for IE
複製內容到剪貼板
代碼:
<table width="600"align="center"border="1">
<tr>
<td style="text-align:justify;text-justify:distribute-all-lines;text-align-last:justify">網頁分散對齊測試</td>
</tr>
</table>
