用CSS防止HTML页面输入字符过多撑大布局

原创 2007年09月20日 18:10:00

 
table-layout
语法:
table-layout : auto | fixed 取值:
auto  : 默认值。默认的自动算法。布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来
fixed  : 固定布局的算法。在这种算法中,表格和列的宽度取决于 col 对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% 。

说明:
设置或检索表格的布局算法。
你可以通过此属性改善表格呈递性能。此属性导致IE以一次一行的方式呈递表格内容从而提供给信息用户更快的速度。此属性依据此下顺序使用其中一种方式布置表格栏宽度:

使用 col 或 colGroup 对象的宽度( width )属性信息。

使用表格第一行内的单元格的宽度( width )信息。

依据表格列数等分表格宽度。而不考虑表格内容的实际宽度。
假如单元格的内容超过了列宽度,内容将会被换行。假如无法换行,则内容会被裁切。假如此属性被设置为 fixed ,则 overflow 能够被用于控制处理溢出单元格( td )宽度的内容。假如表格行高度被指定了,那么换行的内容如果超出了指定表格行高度也会在纵向上被裁切。
设置此属性值为 fixed ,有助于提高表格性能。对于长表格效果尤其显著。
设置表格行高可以进一步提高呈递速度,浏览器不需要检测行内每一个单元格内容去确定行高就可以开始解析以及呈递。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 tableLayout 。
示例:
table { table-layout: fixed; }

word-wrap
语法:
word-wrap : normal | break-word
取值:
normal  : 默认值。允许内容顶开指定的容器边界
break-word  : 内容将在边界内换行。如果需要,词内换行( word-break )也将发生

说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap 。
示例:
div { word-wrap: break-word; word-break: break-all; }
 

 

 

 

 



<style type="text/css">
table 
{ 
    table-layout
: fixed;
    word-wrap
:break-word;
          
}

div 
{ 
    word-wrap
:break-word;
     
}

</style> 
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

css大全,专为html页面

  • 2011-08-21 11:53
  • 553KB
  • 下载

response.write()方法将指定的字符创输出到html页面时遇到的问题

逻辑描述: nodejs中response.write(html),html中script标签引用了外部的文件是的处理: 通过构建一个静态文件服务器来实现,response.write()输出字符串...

html页面转义字符对照表

  • 2009-07-08 11:37
  • 959KB
  • 下载

HTML页面布局

HTML页面布局方式

页面布局设计方式: 1.框架布局[+CSS]  应用范围:小型的商业网站,论坛,后台管理,学习教程网站,例如:chinaRen社区  优点:支持滚动条,便于导航,节省页面下载时间  缺点:页面...

关于html页面布局

之前做的一个网站,结果今天这几天测试发现在19寸屏幕和手机屏幕上页面布局全乱了,今天刚刚改好,发现还是自己经验不足,做个小总结。 一、div布局要固定宽高          当div不设计长宽高而...

css制作的html页面

  • 2010-06-01 12:15
  • 85KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)