`
wzl454823
  • 浏览: 41272 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

定义小于18px的高

    博客分类:
  • CSS
阅读更多
在IE中定义height时,如果值小于18px的默认行高时,得到的结果总是18px的高,这是个已经困扰了很多人的问题,这里我总结了相关的解决方法,希望能对你有所帮助吧。

一,使用overflow:hidden隐藏多出的部分。这个方法被大部分人所使用,效果还是不错的。

---------------------------CSS----------------------------------
.E{height:10px;overflow:hidden;}
------------------------------------------------------------------

二,使用小于12px的字号来强制IE改变默认的行高,同样可以实现效果,但在做CSS检查时会出现“字号太小”的警告。

---------------------------CSS----------------------------------
.E{height:10px;font-size:1px;}
------------------------------------------------------------------

三,定义小行高来实现效果。个人觉得这种方法更方便使用,而且不会有警告,推荐使用。

---------------------------CSS----------------------------------
.E{height:10px;line-height:1px;}
------------------------------------------------------------------

不要奇怪定义那么小,有文字怎么办,因为一般会用这么小的高,都是不会再加文字的,如果非要加,那就用第二种方法吧,相信也没人会看到你写了什么。

分享到:
评论

相关推荐

    1920px满屏BANNER焦点js+css代码

    标题中的“1920px满屏BANNER焦点js+css代码”指的是一个网页设计中的全屏横幅(Banner)元素,它的宽度被设定为1920像素,以适应现代大屏幕显示器的需求,高度为420像素,提供了一个良好的视觉比例。这种满屏BANNER...

    前端大厂最新面试题-less_12px.docx

    注意的是,使用 scale 属性只对可以定义宽高的元素生效。实现代码如下: ```css .span1 { font-size: 12px; display: inline-block; -webkit-transform: scale(0.8); } ``` 3. -webkit-text-size-adjust:none -...

    IE6下不能设置height:1px的元素是什么原因如何解决

    当开发者尝试将div的高度设置为小于默认值的尺寸时,IE6就会根据字体的行高自动调整div的实际显示高度。 这个问题的出现主要与以下几个原因有关: 1. DIV元素默认字体大小的设置:在IE6中,默认字体大小影响了元素...

    div控制最小高度又自适高度

    当内容高度小于100px时,`div`将保持100px的高度;如果内容高度超过100px,`div`则会根据内容自动增加高度。 通过这种方式,我们可以创建一个既具有最小高度保证,又能根据内容自适应高度的`div`,并且兼容了IE6、...

    div模拟滚动条当div宽度小于18时滚动条不滚动

    本例中,标题和描述提到了一个特定的问题:在IE10及其兼容模式下,当`div`宽度小于18像素时,模拟的滚动条无法正常工作。 这个问题的根源在于IE浏览器的渲染引擎对滚动条的处理方式。在IE10及以下版本,浏览器默认...

    react-React组件旨在有条件地根据定义的一组元素媒体查询来渲染UI

    在这个例子中,`Container`组件的背景颜色会在视口宽度小于600px时从灰色变为白色。 然而,如果需要根据媒体查询条件动态地改变组件的结构或行为,我们可以利用JavaScript来实现。例如,我们可以使用`window....

    IE6下CSS定义DIV高度的问题

    这个问题与IE6的默认字体尺寸有关,具体表现在尝试定义一个高度小于默认字体大小的DIV时,DIV的实际显示高度将不会小于字体的行高。这意味着,即使开发者通过CSS给DIV设置了一个小于默认字体尺寸的高度,如height: 4...

    详解vue2.0 不同屏幕适配及px与rem转换问题

    这段代码表示当屏幕宽度小于或等于768px时,将容器的宽度设置为95%。 2. **设置根元素字体大小**: 在HTML的根元素上设置字体大小,可以作为其他rem单位的基准。通常会设置为固定的像素值,并且可以通过...

    电脑计算器计算css布局.docx

    三个子元素的总宽度为242px + 274px + 252px = 768px,小于900px,因此它们可以并排排列。 如果计算错误,导致总宽度超过容器,元素将无法正确对齐,可能会发生重叠或换行,从而影响页面的视觉效果。这就是为什么在...

    jquery datepicker 小于当前日期不可选的方法

    ### jQuery Datepicker 实现小于当前日期不可选的方法 在日常的Web开发中,经常会遇到需要用户选择日期的情况,为了提供更好的用户体验,我们通常会使用插件来实现日期选择功能。其中,jQuery Datepicker 是一个...

    CSS3 @media 媒体查询 实例源代码,调整浏览器窗口大小。当宽度小于300时,背景色变成淡蓝,否则淡绿色.zip

    然后,`@media`查询定义了一个条件:当设备屏幕的视口宽度小于300像素时,将应用内部的样式,即改变背景色为淡蓝色。这种变化可以通过手动调整浏览器窗口大小或者在手机等小屏幕设备上查看来直观体验。 媒体查询的`...

    Web-前端html+css从入门到精通 207. 响应式布局之媒体查询语法.zip

    在这个例子中,当屏幕宽度小于或等于600px时,页面的字体大小将被设置为16px。 除了单一条件,我们还可以组合多个条件,以实现更复杂的响应式策略: ```css @media screen and (min-width: 600px) and (max-width:...

    Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第16章 参考答案.pdf

    在市场上的常见设备中,屏幕分辨率差异较大,包括但不限于智能手机(如iPhone的375px * 667px),平板电脑(如iPad的768px * 1024px),以及各种台式机显示器(从1366px * 768px到更高分辨率)。 在CSS样式中,可以...

    jQuery文字大小自适应屏幕.zip

    这个例子中,我们为宽度小于等于600px、大于600px且小于等于1024px以及更大的屏幕分别设置了14px、16px和18px的字体大小。这样可以确保在不同设备上都能获得合适的阅读体验。 当然,除了直接调整`body`的字体大小,...

    CSS学习指南 .pdf

    但是,有些浏览器或操作系统,如Android,不支持小于1px的单位,所以仍然采用1px,从而导致物理像素变为2px,看起来变粗了。在移动端上,最小font-size通常为8px,而PC端为12px。这说明了为什么有时候即使在PC上设置...

    html高度自适应三种经典布局

    这段代码表示当屏幕宽度小于或等于768px时,`.container`的宽度设为100%。 3. **自适应布局(Adaptive Layout)** 自适应布局与响应式布局相似,都是针对不同设备进行布局调整。但自适应布局更注重预定义的断点,...

    px-viewport:像素和视口转换器

    这段代码表示当视口宽度小于或等于600px时,页面背景色将变为浅蓝色。这样我们可以为小屏幕设备定制专门的布局和样式。 `px-viewport-master`可能是一个项目,包含了实现像素和视口转换的源代码,例如JavaScript...

    小于一像素的border奇迹样式

    此外,随着CSS的不断发展,一些现代浏览器开始支持物理像素和设备像素之间的比例转换,允许我们直接设置小于一像素的边框,如`border-width: 0.5px;`。但为了保证兼容性,我们仍然需要依赖像上述方法这样的技巧。在...

    IE 元素默认高度研究

    **说明:** 在IE7及以下版本中,仅仅定义宽度会导致元素触发所谓的“hasLayout”机制,从而使高度变为15px。 3. **定义高度为1px** ```html <div></div> ``` **CSS:** `height: 1px;` **表现:** 实际高度...

Global site tag (gtag.js) - Google Analytics