換行時如何不截斷英文單詞的問題

zhuzhu 2006-02-22

展開全文

換行時如何不截斷英文單詞的問題 [2004-4-16]

在評論看到網(wǎng)友提出如題的問題，以前也有網(wǎng)友提出，今天研究了相關(guān)的CSS定義，主要是以下三個：
table-layout:auto | fixed
word-wrap : normal | break-word
word-break : normal | break-all | keep-all
經(jīng)過各個取值試用后覺得如下組合效果是最好的：

<table style=‘‘>
<tr>
<td style=‘word-wrap : break-word‘>文本或圖片內(nèi)容</td>
</tr>
</table>

查看測試版效果：http://www./webdream/freetest/showlog.asp?cat_id=5&log_id=235

因為在DLOG中結(jié)合VBS編寫，所以style這里用單引號括起。這樣的組合測試的結(jié)果：
英文單詞不會被截斷，表格不會被連續(xù)的字符撐大，圖片超出表格寬度的部分被裁切；
（雖然DLOG V2里面使用的自動縮小圖片，但有時第一次打開有圖片的日記時，圖片不會自動縮小，得刷新后才會自動化）

棄用了原來DLOG表格中一直用的word-break：break-all，就因為這個取值才使英文單詞被截斷的吧。
其他的原理，各項說明可以在CSS手冊中查到。

下載包內(nèi)沒有更新，可更具以上html代碼在index.asp和showlog.asp中進行修改。