以下讨论的是和HTML初级教程相关的让文字自动适应Table宽度 教程文章,内容是本站精心挑选整理的教程,希望对广大的网友给到帮助,下面是详细内容:
用CSS实现,文字自动适应Table的宽度,并且超出的宽度的文字自动隐藏。IE下面还可以自动出现...的省略符号。
所用到的样式:
程序代码
.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
说明:
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 (For IE,Mozilla)
==========
下面是一个具体的例子
corange.cn Corange的杂乱记事 ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术 | (1/1) |
corange.cn Corange的杂乱记事 ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术corange.cn Corange的杂乱记事 ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术 | (1/1) |
corange.cn Corange的杂乱记事 ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术 | (1/1) |
corange.cn Corange的杂乱记事 ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术 | (1/1) |
关于让文字自动适应Table宽度的内容写到这里就结束啦,您可以收藏本页网址http://www.alixixi.com/web/
a/2009061656133.shtml方便下次再访问哦。