腾讯网总结了:css隐藏文字的几种方法,包括字体大师、知音漫客、搜乐助手、天天爱等软件知识,以及科学计算机app、yy自动上马甲、学校e信、英雄三部曲、苏州公共自行车、简体字转换器、四川教育资源公共、佩服印章说到四通oki css的隐藏文字,大家可能会马上想象到隐藏多余的文字,但这里不仅介绍了多余的文字,还介绍了隐藏的文字,所以介绍一下。 有时候,我们用照片代替文字。 最常用的是.
说到css的隐藏文字,大家可能会马上想象到隐藏多余的文字,但这里不仅介绍了多余的文字,还介绍了隐藏的文字,所以我来介绍一下。
虽然有时也用图像代替文字,但最常用的是用于输入按钮。
以前,使用text-indent:-9999px将文本移出页面,但这种方法在IE6下有一个“错误”,不属于块元素的APP应用程序应用此css属性时,该块的内容也会消失在这种情况下,必须将此内容设置为块元素。 (请参阅。
最近,我习惯在某些固定方面的元素中使用line-height3360999em删除文本,但在这种情况下,必须在此元素中添加overflow:hidden进行剪切。 否则,该块将被line-height3360999em拉得很高。
这个方法,我从来没有注意过,以为这样就不会出问题了,没想到今天,我用在输入按钮上的时候,输入值在火狐浏览器下也能正常显示,线高3336666 IE6和谷歌浏览器正常。
此时,如果后端需要将值存储在此按钮的value中,则无法使用此方法。 只能恢复到文本索引。 但是,怎么样呢? 此时,此元素不属于块元素。 由于合成问题,我不想更改它并将其转换为块元素。 只能使用此文本索引:-9999p x; 然后在IE6中分别指定_line-height:999em。 非常? 要靠近吗? 鸟苷庋? /p
CSS隐藏多余的字符
(2) ) ) )。
line-height:0;
font-size:0;
Overflow :隐藏;
可以完美地“隐藏”你背景上的字体
通过测试的ie6.0、7.0、8.0和firefox 3.010
(3) ) )。
最方便的是放入span,display:none。 然后,这样就不会出现漏洞了。
很遗憾,如果标签增加,在循环中使用,html还会增加字节。 一个按钮就推荐这样的使用方法。
对input value的隐藏这种方式有点费劲
所以,还是只能用block和text-indent“偏移”来隐藏模拟
显示: block;
font-size:0;
line-height:0;
文本索引:-9999p x;
通过测试的ie6.0、7.0和firefox 3.010
(4) ) )。
CSS? 隐藏多馀的文字?
class=' g _ p _ centerg _ t _ rightg _ c _ p ding _ h _ 20 C08 ' style=' margin-bottom 336015 px ' class=' g _ p class=' g _ blog _ list ' class=' g _ t _ centerg _ c _ p ding _ p _ centerc 07 content ' class=' ns _ content '
语法:
文本溢出:剪辑| ellipsis
参数:
clip :不显示省略号(…),并且可以轻松地进行修剪
(不太使用clip这个参数! )
当对象中的文本溢出时,ellipsis :显示省略标记(
说明:
或者,设置是否使用省略号(.)标记对象中的文本溢出。
请注意,text-overflow:ellipsis属性在关闭时无效。
示例:
br { text-overflow :剪辑; }
相关建议