当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 避免表格(table)被撑开变形的CSS代码

WEB设计综合
连接基础
HTML基础
CSS 基础
添加背景音乐
HTML中的脚本标签
水平线样式
CSS基础以及CSS代码
自定义404错误页
链接至外部样式表
文本和颜色
表格详述
图像详述
优化CSS样式表代码
CSS元素div ul dl dt ol简释
CSS元素的class与ID命名常用关键字
DIV布局SEO的影响
CSS中的相对定位与绝对定位
CSS选择符
CSS特殊选择符伪类的应用技巧
常用的CSS知识

WEB设计综合 中的 避免表格(table)被撑开变形的CSS代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1423 ::
收藏到网摘: n/a

如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母这个。我想说的是这个 在CSS2.0是不支持的,但是能解决一些实际问题。页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些WEB标准无法解决的一些问题上, 我会采用一些非标准的方法处理,只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示,我会把通过WEB表准的校 验放在次要位置,并且MS已经建议在CSS3.0中加入这个属性了,也许CSS3.0会支持。WEB标准也是在发展的,也许明天的标准就加入了这个属性, 或者出现新的属性来解决。

看看这个连接吧:
http://www.w3.org/TR/2003/CR-css3-text-20030514/#wordbreak-props

常用的CSS代码片段:

<style>
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
</style>

评论 (0) All

登陆 | 还没注册?