換行時(shí)如何不截?cái)嘤⑽膯卧~的問題

zhuzhu 2006-02-22

展開全文

換行時(shí)如何不截?cái)嘤⑽膯卧~的問題 [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

因?yàn)樵贒LOG中結(jié)合VBS編寫，所以style這里用單引號括起。這樣的組合測試的結(jié)果：
英文單詞不會被截?cái)啵砀癫粫贿B續(xù)的字符撐大，圖片超出表格寬度的部分被裁切；
（雖然DLOG V2里面使用的自動縮小圖片，但有時(shí)第一次打開有圖片的日記時(shí)，圖片不會自動縮小，得刷新后才會自動化）

棄用了原來DLOG表格中一直用的word-break：break-all，就因?yàn)檫@個取值才使英文單詞被截?cái)嗟陌伞?BR>其他的原理，各項(xiàng)說明可以在CSS手冊中查到。

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

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自： zhuzhu > 《我的圖書館》

舉報(bào)/認(rèn)領(lǐng)