德艺博客关注设计,提升认知、升级思维和记录生活的博客。

避免表格table被撑开变形的CSS

如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在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>
 

出自:黑夜亮眼

2008年10月30日 | 发布:zoudecao

发表留言:

相关推荐:

  • 我为什么不推荐找网络公司建站
  • 教你打造自动识别PC端与移动端的响应式网站
  • 长滚动网页设计的四个技巧
  • 网页挂马详细步骤教程
  • 优秀的个人网站设计欣赏
  • 始终在网页顶部的导航条,仿天涯顶部固定层菜单
  • CSS下拉菜单代码2
  • CSS下拉菜单代码1
  • CSS透明导航菜单代码
  • SiteWeaver6.8后台编辑器支持IE9/IE10/IE11浏览器的方法
  • 网页设计最常见可用性错误?
  • SiteWeaver如何调整友情链接logo尺寸的方法
  • 邹公:百度628地震 你的站真被K了吗?
  • 分享25个圆形元素在网页设计中的应用案例
  • 邹公:以网站建设为生的站长在新的一年该怎样生存?