您的位置:首页 > 其它

文字如果用换行后加上了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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐