文字如果用换行后加上了line-height,为什么line-height不起作用了?
2020-06-05 06:49
134 查看
1.一个p元素里的文本用<br/>换行后,给p元素加上了line-height,但line-height却不起作用,
<div class="top2">
<h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
<p>12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲<br />
响了当天开市锣声,A股开盘之时,正式更名为"龙湖股份"。......</p>
</div>
.top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px; }
当line-height值大于10px的时候又会起作用了,请问这是为什么呢?
2.
当用两个p元素而不用<br/>时, line-height:10px,又有作用了,请问原因何在?
<div class="top2">
<h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
<p>12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲</p>
<p>响了当天开市锣声,A股开盘之时,正式更名为"龙湖股份"。......</p>
</div>
.top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px; }
这种情况有点迷糊了?小白一枚,还望大神不嫌弃请指教。
转载于:https://my.oschina.net/sunachen/blog/399331
相关文章推荐
- 文字如果用<br/>换行后加上了line-height,为什么line-height不起作用了?
- 关于移动端文字无法垂直居中(或line-height不起作用)的问题的解决方案(网摘)...
- 为什么display:line-block的a标签会加上文字之后会向下移动呢?
- 解决IE6下,给图片加上line-height属性不起作用的解决方法
- 为什么display:line-block的a标签会加上文字之后会向下移动呢?
- lineheight使图片多行文字垂直居中
- IE9不支持CSS line-height的文字垂直居中解决方法
- Cocos2d-x 更改文字换行风格 ( cocos2dx change line )
- 为什么要在html和body加上“height:100%;”
- Cocos2d-x 更改文字换行风格 ( cocos2dx change line )
- IE6下line-height失效:当文字与图片img在同一行中显示时line-height失效的解决办法
- height、line-height造成图片、文字等无法正常显示
- 前端小知识:为什么你写的 height:100% 不起作用?
- HTML&CSS——line-height设置成height使得文字居中
- 设置文字在div中垂直居中,使用line-height
- Android Layout的layout_height等属性为什么有时会不起作用?
- line-height和vertical-align实现多行文字水平垂直居中效果
- 设置文字在div中垂直居中,使用line-height
- setLineWrappublic void setLineWrap(boolean wrap) 设置文本区的换行策略。如果设置为 true,则当行的长度大于所分配的宽度时,将换行。如果设置为 false,则始终不换行。当策略更改时,将激发 Pr
- Android -- Layout布局文件里的android:layout_height等属性为什么会不起作用?