避免表格table被撑开变形的CSS代码实例

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

转载于:https://www.cnblogs.com/nosnowwolf/archive/2010/12/22/1914065.html

避免表格table被撑开变形的CSS代码实例相关推荐

html表格table的表头排序，js代码fastunit使用案例
页面效果: 下面是这个页面的HTML源码,实例的下载地址是:http://download.csdn.net/download/asiaasia666/8449215 <!DOCTYPE htm ...
html表格不会自动变形,CSS 解决td里面内容太多把表格弄变形的原因，设置自动换行。...
1 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前 ...
Html设置表格撑开,CSS教程:表格不被撑开的解决办法
CSS教程:表格不被撑开的解决办法 2009-10-21 eNet&Ciweek 今天在做一个用户留言列表的时候,用到了表格.用户名为英文字符时,就会把固定宽度的单元格撑开.之前也有遇到过.解 ...
html 单元格被撑开_CSS教程:表格不被撑开的解决办法—css教程
今天在做一个用户留言列表的时候,用到了表格.用户名为英文字符时,就会把固定宽度的单元格撑开.之前也有遇到过.解决办法:先用noWrap令文字不换行,再用style=table-layout:fixed ...
html表格展开格式,4款简单常见的纯CSS表格(table)样式
本文介绍4款简单常见的纯CSS表格(table)样式. 1.默认表格(default table) 添加pure-table类样式化表格, 此类向表元素添加填充(padding)和边框(borders ...
定义html表格的大小和位置,点晴OA工作流表单设计：表格table及宏控件的HTML、CSS、字体参数教程详解...
点晴OA工作流表单设计:表格table及宏控件的HTML.CSS.字体参数教程详解说明:虽然点晴OA内置了强大的富文本编辑器,但是很多时候还是难以实现理想的精确显示效果,为了实现满意的显示效果,网 ...
纯css打造漂亮的html表格,table CSS制作好看的网页表格
幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素, ...
css 设置表格右边有图片_20个web前端HTML5初学者实用CSS代码技巧
在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合.有一些是面向CSS初学者的,有一些知识点是进阶型的.希望每个人通过这篇文章都能学到对自己有用的知识. 1.注意外边 ...
html表格第一列长度,表格table列宽度控制colgroup
标签用于对表格中的列进行组合,以便对其进行格式化. 通过使用标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式. 注释:只能在提示:如果想对中的某列定义不同的属性,请在标签内 ...

避免表格table被撑开变形的CSS代码实例

避免表格table被撑开变形的CSS代码实例相关推荐

最新文章

热门文章