html 文字倒计时,如何通过CSS实现隐藏倒数第几个文字？

Thomas.yu

*{margin:0; padding:0;}

body {margin:40px;}

div {position:relative; height:22px; line-height:22px; padding-right:70px; overflow:hidden; font-size:14px;}

p{ float:left; margin-right:-70px;}

span {position:absolute; top:0; background:#fff; width:70px; height:22px; text-indent:-9999px;}

如果你对position跟float完全了解，那么这个问题就不在话下了！一二三四五

我是负责盖字的！

我的后面是五个字哦！一二三四五

我是负责盖字的！

继续来五个字哦！一二三四五

我是负责盖字的！

不管你多少字我后面始终都是五个字哦！哪怕你撑到满屏都满了！不管你多少字我后面始终都是五个字哦！哪怕你撑到满屏都满了！不管你多少字我后面始终都是五个字哦！哪怕你撑到满屏都满了！不管你多少字我后面始终都是五个字哦！哪怕你撑到满屏都满了！！一二三四五

我是负责盖字的！

最后再标注一下版权：copyright by thomas.yu@mtime.com QQ:7461122 一二三四五

我是负责盖字的！

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行