CSS+DIV 表格如何让超出5个字符就不再显示了

CSS+DIV 表格如何让超出5个字符就不再显示了,第1张

只能做到固定宽度不显示,字数控制不了,除非你固定字体大小。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

使用CSS的Chroma滤镜可以把字体颜色设置为透明样式。

<style type="text/css">

<!--

body{background-color:#999999;}

/滤镜中设置的颜色要和字体的颜色相同/

#tm{color:#FF0000;filter:chroma(color=#FF0000)

}

-->

</style>

将Chroma滤镜的颜色和字体的颜色设置为相同时,不论网页的背景颜色如何设置,字体的颜色都会显示为透明。

在浏览器中查看使用CSS滤镜把字体的颜色设置为透明的显示效果。如下图所示:

按照楼主的意思
如果想隐藏2009-
我的建议是margin-left:-("2009-"这个字符串的宽度)px;
当然 2009-01-01的宽度就要加上("2009-"这个字符串的宽度)px;
还有一种方法:
<div><span style="display:none;">2009-</span>01-01</div>
推荐楼主使用第二种方法 快去试试吧 呵呵 祝楼主好运!

你把主体DIV(第一张中白色的部分)设背景为白色,BODY的设为那个棕色,如果没加主体DIV可以自己添加个
<HTML>
<HEAD></HEAD>
<BODY STYLE="BGGROUN:#棕色;margin:0;_baground-color:#棕色;">
<DIV ID="MAIN" style="width:分辨率长度;margin:0 auto;BGGROUN:#fff;_baground-color:#fff;">
<DIV ID="HEAD">
</DIV>
<DIV ID="MAIN_CONTENT">
</DIV>
<DIV ID="FOOTER"></DIV>
</DIV>
</BODY>
</HTML>

一般的文字截断(适用于内联与块):
text-overflow {display:block;/内联对象需加/width:31em;/指定宽度/word-break:keep-all;/ 不换行 /
white-space:nowrap;/ 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。不换行 /overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 /
text-overflow:ellipsis;/ IE 专有属性,当对象内文本溢出时显示省略标记() ;需与overflow:hidden;一起使用。/}对于表格文字溢出的定义:table{width:30em;
table-layout:fixed;/ 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 /}td{width:100%;
word-break:keep-all;/ 不换行 /
white-space:nowrap;/ 不换行 /
overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 /
text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ;需与overflow:hidden;一起使用。/}需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。

#archives b{
display:none;
}
的意思就是把<b>Archives</b>
这部分隐藏的意思,有这个当然不会显示了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12832416.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-28
下一篇2025-08-28

发表评论

登录后才能评论

评论列表(0条)

    保存