避免表格table被撑开变形的CSS
杨云伟个人网站
2007-2-13 9:56:58
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母这个。我想说的是这个在CSS2.0是不支持的，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WEB标准无法解决的一些问题上，我会采用一些非标准的方法处理，只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示，我会把通过WEB表准的校验放在次要位置，并且MS已经建议在CSS3。0中加入这个属性了，也许CSS3。0会支持。WEB标准也是在发展的，也许明天的标准就加入了这个属性，或者出现新的属性来解决。
看看这个连接吧
| 常用的CSS代码片段： <style> table { table-layout: fixed; word-wrap:break-word; } div { word-wrap:break-word; } </style> |
责任编辑: Weiven
参与评论
- 合理使用HTML标签进行CSS布局
- CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。
- 基于XHTML标准的DIV+CSS布局对于SEO的影响
- 前两天发完《SEO参考：DIV+CSS三行两列经典布局》一文，不少朋友在MSN上问我，使用XHTML标准的DIV+CSS布局对于SEO到底有什么作用。。