yxgblog
- 浏览: 38407 次
- 性别:
- 来自: 郑州
-
最近访客 更多访客>>
最新评论
-
ngn9999：
天下文章一大抄
让Flash乖乖躲到Div浮动层下去 -
cqujsjcyj：
先说声谢谢啊，
下了你的东西，但是这个QQ客服怎么点了，不出现 ...
qq客服随滚动条滚动 -
fighter-to：
这是csdn上的，请楼主表明出处。
杨澜告诫女孩
文章来自：http://hi.baidu.com/happyangelzyl/blog/item/ec49f0434fb91e1b72f05db3.html
通常偏移掉字体的方式是
使用text-indent:-9999px;
可是他有一个局限性 他只适用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-indent:-9999px;虽然用起来比较惬意
将a转化成block的话 往往 他身后的的元素就被他赶到下一行了
如果正好这个a后面 是一个a按钮
就要用float来浮动以使他身后再出现簇拥者
这样是不是有些麻烦呢
所以推荐使用
line-height:0;
font-size:0;
overflow:hidden;
能完美“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
而针对input value的隐藏这个方式就有些吃力了
所以还是只能用block加text-indent来“偏移”模拟隐藏了
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试 ie6.0 、 7.0 、firefox 3.010 通过
通常偏移掉字体的方式是
使用text-indent:-9999px;
可是他有一个局限性 他只适用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-indent:-9999px;虽然用起来比较惬意
将a转化成block的话 往往 他身后的的元素就被他赶到下一行了
如果正好这个a后面 是一个a按钮
就要用float来浮动以使他身后再出现簇拥者
这样是不是有些麻烦呢
所以推荐使用
line-height:0;
font-size:0;
overflow:hidden;
能完美“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
而针对input value的隐藏这个方式就有些吃力了
所以还是只能用block加text-indent来“偏移”模拟隐藏了
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试 ie6.0 、 7.0 、firefox 3.010 通过
分享到：
发表评论
-
图片无缝左右滚动
2010-11-09 12:38 1108<!DOCTYPE html PUBLIC " ... -
更换颜色点击不同的按钮
2010-03-24 16:48 868<link id="cssChange&quo ... -
更换图片
2010-03-24 16:40 1290<div id=oTransContainer ... -
点击按钮弹出层
2010-03-24 16:26 1797<script>function msg(in ... -
滑动导航二级菜单
2010-03-24 16:03 934//css样式 .blogNav{width:950px;m ... -
不同效果的图片更换
2010-03-24 15:44 1260//页面显示 <div id=imgADPlayer& ... -
单行多条信息滚动
2010-03-24 15:36 889//css样式 #shangfan{font-size: 1 ... -
css 之 ime-mode
2009-12-09 08:48 889css 之 ime-mode 语法： ime-mode : a ... -
IE7和Firefox中背景颜色的解决方法
2009-09-21 11:59 1370昨天制作页面的时候，遇到一问题：div外层定义的背景颜色不显示 ... -
网页设计趋势之:”勾引”用户的按钮
2009-09-07 09:03 731文章来自：http://www.68design.net/We ... -
ie6,ie7高度问题
2009-09-05 18:30 1149I hate IE6! 今天下午遇到一问题：ie6，ie7定 ... -
css实现渐变效果
2009-09-05 18:24 766<!DOCTYPE html PUBLIC " ... -
多层边框的css制作-火狐
2009-08-31 15:34 1253Mozilla -moz-outline CSS 有些时候 ... -
CSS3中的text-shadow属性：文字阴影
2009-08-25 15:32 1193经常会看到页面中文字阴影的效果，觉得很漂亮，一般做这样的效果都 ... -
七招帮你提高网页设计水平
2009-08-25 15:09 762文章来自：http://news.csdn.net/a/200 ... -
CSS hack:区分IE6，IE7，firefox
2009-07-02 08:42 751文章转自：http://www.div-css.com/htm ... -
实用代码片段
2009-05-26 11:01 6291.设为首页 收藏本站 <a href=# oncl ... -
qq客服随滚动条滚动
2009-05-20 08:41 912近段时间用到qq客服的内容比较多，在这总结一下。 -
随滚动条滚动的两侧的层
2009-05-05 09:16 1121最近工作中遇到了随滚 ... -
CSS---竖着的文字导航菜单制
2009-04-29 17:13 1789来自走走停停看看的博客 网上目前两种方法竖排，一种是用 ...
相关推荐
`text-overflow: ellipsis;` 是 CSS3 提供的一个样式属性，用于处理溢出的文本，但在 Firefox 浏览器中，无 JavaScript 的情况下，直接使用该属性可能存在兼容性问题。本知识点将详细介绍如何在 Firefox 中无 JS ...
小编最近遇到这样的需求，移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片...接下来通过本文给大家介绍CSS中overflow-y: visible;不起作用的原因分析及解决方法，需要的朋友参考下吧
对span.t-i{text-indent:-999px;}后发现并没有起作用，这是因为text-indent只能给块级元素设置，解决方法就是display:inline-block，遇到问题的朋友可以尝试下
实现这一需求的CSS属性是 `text-overflow: ellipsis`。 `text-overflow: ellipsis` 是一个CSS样式属性，用于指定期望如何渲染溢出的内容。当文本溢出其包含元素的边界时，`text-overflow` 属性定义了应如何显示省略...
text-indent:6px; overflow:hidden;} .toc a{ text-decoration:none; color:#612E00;} .toc a:hover{ text-decoration:underline;} .toc a:visited{ color:#29303B;} .title_2{ height:33px; width:746px; line-...
text-overflow的使用需配合hight,over-flow:hidden;white-space:nowrap;三个属性共同使用 text-overflow: clip;ellipsis;string clip: 直接隐藏不显示 ellipse: 用… 三个点来表示溢出的文字 （常用） string:可...
今天在做jsp页面展示的时候碰到一个实现溢出文本显示省略号的需求 原本使用js截取字符串然后...和 overflow 属性为 hidden （隐藏溢出） 即设置样式 style="text-overflow:ellipsis; white-space: nowrap; overflow:
text-indent:137px}.s_btn{width:95px;height:32px;padding-top:2px\9;font-size:14px;background-color:#ddd;background-position:0 -48px;cursor:pointer}.s_btn_h{background-position:-240px -48px}.s_btn_wr{...
text-indent: 2em; font-weight: 700; width: 70%; position: absolute; left:15%; top:280px; text-shadow: 1px 1px 1px rgba(151,24,64,0.2); -webkit-backface-visibility:hidden; } .st-color p{ color...
以下代码可解决这种卡顿的问题：-webkit-overflow-scrolling: touch;，是因为这行代码启用了硬件加速特性，所以滑动很流畅。这个方法的确可以解决ios5.0、android4.0以后系统的滑动卡顿问题。 -webkit-overflow-...
text-indent:-9999px; background:url(images/mac.png) no-repeat 0 0; } #nav .n01 { width:118px; } #nav .n01 a:visited { background-position:0 -114px; } #nav .n01 a:hover { background-position:0 -38px;...
OVERFLOW: hidden; WIDTH: 215px; POSITION: relative; HEIGHT: 40px } #cover { VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 215px; POSITION: absolute; HEIGHT: 40px } #cuscroll { LEFT: 0px; VISIBILITY:...
text-indent:-999em; outline:none;} .active{background:url(../images/slide-button.gif) no-repeat;display:block;float:left; width:43px; height:117px; text-indent:-999em;border:none; cursor:pointer; ...
首先，使用`text-indent:-9999px;`是一种常见方法，它可以将文字移出可视区域。但这种方法仅适用于块级元素，例如`<div>`。当应用在行内元素，如`<a>`上时，可能会导致后续元素被推到下一行。为了解决这个问题，可以...
qq论坛源码，含图标，* 基本定义 */ ....CONTENT { overflow:auto word-break:break-all word-wrap:break-word } .HREF { cursor:pointer } TABLE.TableFixed { table-layout:fixed } XMP { display:none }
"使用text-align:justify实现两端对齐一例" 本文主要讲述了使用CSS属性text-align:justify实现两端对齐的方法，并讨论了不同浏览器对中文和英文的理解和处理方式。 一、text-align:justify的使用 text-align:...
text-indent:-9999px;cursor:pointer} .left_btn{background:url(../images/leftstop.jpg) no-repeat;top:85px;left:8px} .right_btn{background:url(../images/rightstart.jpg) no-repeat;top:85px;right:0px} ....
1. **使用`text-indent:-9999px`**： 这是一种常见的方法，将文本向左偏移一个非常大的距离，使其离开可视区域。但这种方法仅适用于块级元素，例如`<div>`。当应用到`<a>`标签时，如果将其转换为块级元素，可能会...