`
sbfivwsll
  • 浏览: 63515 次
  • 性别: Icon_minigender_1
  • 来自: 四川
社区版块
存档分类
最新评论

div在设置了宽度后的line-height问题

 
阅读更多

前几天发现:一个div在设置了宽度后,里边的文字显示不出来了,,,使用工具看其是一条线。。。结果发现line-height为0px。。。改为设置一个值为设置为默认值后正常显示

分享到:
评论

相关推荐

    overflow:hidden line-height clearfix:after使用方法介绍

    2.line-height指的是在DIV中的元素上下居中 比如用在里,则可以将line-height的高度和height的值相等,(height:30px; line-height:30px;)这样可以让文字在内相对于30px垂直居中。比如用在内,像这样成段落的,如果...

    深入理解 line-height 和 vertical-align

    在CSS布局中,`line-height`和`vertical-align`是两个关键属性,它们共同决定了文本在行内的排列方式和行高。深入理解这两个属性对于精确控制网页内容的排版至关重要。 首先,我们要了解一些基本概念: 1. **line ...

    inline与line-height、float、absolute的故事

    可以看到,尽管内容为空,但设置了`line-height`后,元素依然具有一定的高度。这是因为`line-height`定义了行的高度,即使行内没有任何内容,这个高度也是存在的。 #### 浮动的影响 浮动(`float`)是一种用于创建...

    css+div浏览器兼容技巧

    例如,若希望一个div内容垂直居中,可将其`line-height`设置为与div相同的高度。但这种方法需要注意内容不要换行。 2. **Margin加倍问题** - 当一个div设置了`float`属性后,IE浏览器会将margin值加倍。解决此问题...

    div兼容问题

    `div`的垂直居中可以通过设置`line-height`来实现。将`div`的`line-height`设置为和其自身高度相等,然后放入内容,内容就会垂直居中。然而,这种方法限制了内容不能换行。 2. **margin加倍问题**: 在Internet ...

    div+css浏览器兼容问题解决方法.doc

    在IE6中,设置了`float`的`div`在设置`margin`时可能会加倍。解决方法是在`div`中添加`display: inline;`,如`#IamFloat{ float:left; margin:5px; display:inline;}`。 4. **浮动后的双倍距离**: IE浏览器中,...

    div垂直居中的N种方法

    通过设置`height`和`line-height`为相同的值,可以使得DIV内的文本或单行内容在容器内垂直居中。例如: ```css div { height: 25px; line-height: 25px; overflow: hidden; } ``` 然而,这种方法的局限性在于它...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    css浏览器兼容问题

    可以通过设置`line-height`与`height`相同来解决。 8. **div嵌套p的空白行问题**: FF、Opera、Chrome会在`div`内`p`元素前后产生空白行,通过设置`p{margin:0px;}`和`div{padding-top/bottom}`来消除。 9. **IE6...

    DIV+CSS浏览器兼容问题解决方法

    当内容在某些情况下被隐藏时,可以尝试调整line-height属性,或者为元素设置固定高度和宽度。保持页面结构简洁也有助于避免此类问题。 综上所述,解决CSS在不同浏览器间的兼容性问题,需要深入理解各种浏览器对CSS...

    浏览器兼容问题

    **解释**:通过将元素设置为浮动可以解决 IE6-7 中 `line-height` 失效的问题。 #### 十六、td 自动换行的问题 **问题描述**:当表格的宽度固定时,`td` 内容会自动换行。 **解决方案**:设置 `table` 的 `word-...

    div所有属性介绍 和各种用法

    - **尺寸控制**: 使用`width`和`height`属性可以精确控制div的宽度和高度。 - **响应式设计**: 结合媒体查询,可以让div在不同设备上显示不同的样式。 - **布局技巧**: 利用`display: flex`或`display: grid`,可以...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    1. **垂直居中问题**:在IE6和IE7中,要实现一个div的垂直居中,可以通过设置行距(line-height)等于div的高度来实现。但是这种方法可能导致内容换行的问题。例如: ```css .centered-div { line-height: 200px; ...

    div+css兼容性问题解决方案

    - 在设置`float`元素时,如果需要控制其宽度和间距,可以使用`display: inline;`来避免IE的`margin`计算问题。 - 示例代码如下: ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /* 在IE下...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    但在IE6、7中,若要让内容在div内垂直居中,除了设置`vertical-align:middle`,还需要将`line-height`设置为与div相同的高度。这种方法需要注意内容不应换行,否则可能导致对齐失效。 其次,`margin`加倍问题主要...

Global site tag (gtag.js) - Google Analytics