网页中自动换行问题
深山行者个人网站 2007/11/25 21:56:32 深山行者 字体:
大 中 小 浏览 5614
用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:(
总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注释一下:
1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
- 相关阅读
- 非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷
- div+css黑色焦点图(幻灯片效果非常 不错)
- jquery中动态生成的代码使用on hover事件时不出现效果
- 一个利用radio单选选择框进行变色的网页效果
- 利用position把div放在flash上
- 微软Encoder加密解密函数
- 利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)
- 小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像