换行时如何不截断英文单词的问题

来源:百度文库 编辑:神马文学网 时间:2024/04/24 13:16:37
换行时如何不截断英文单词的问题  [2004-4-16]
在评论看到网友提出如题的问题,以前也有网友提出,今天研究了相关的CSS定义,主要是以下三个:
table-layout:auto | fixed
word-wrap : normal | break-word
word-break : normal | break-all | keep-all
经过各个取值试用后觉得如下组合效果是最好的:




文本或图片内容

查看测试版效果:http://www.duoluo.com/webdream/freetest/showlog.asp?cat_id=5&log_id=235
因为在DLOG中结合VBS编写,所以style这里用单引号括起。这样的组合测试的结果:
英文单词不会被截断,表格不会被连续的字符撑大,图片超出表格宽度的部分被裁切;
(虽然DLOG V2里面使用的自动缩小图片,但有时第一次打开有图片的日记时,图片不会自动缩小,得刷新后才会自动化)
弃用了原来DLOG表格中一直用的word-break:break-all,就因为这个取值才使英文单词被截断的吧。
其他的原理,各项说明可以在CSS手册中查到。
下载包内没有更新,可更具以上html代码在index.asp和showlog.asp中进行修改。
_xyz